內容簡介
Load Video On Click 外掛可讓影片在使用者點擊播放按鈕後再加載，從而提升網站性能。這樣可以避免影片在頁面加載時影響速度，提供更流暢的使用體驗。
【主要功能】
• 點擊後加載影片，提升頁面載入速度
• 支援 WPBakery 和 Gutenberg 佈局工具
• 簡單的短碼使用方式
• 可自訂佈局和樣式參數
• 提供後台速度優化功能
外掛標籤
開發者團隊
原文外掛簡介
Videos will not worse anymore the performance if they load only after clicking on the play button.
How to load videos on click
Install and activate Load Video On Click
Embed the videos using the shortcode [load_video_on_click] (see below) or by activating the switch “Load on click” of the Video and Embed blocks (in case of Gutenberg)
Integrations
You can always add the provided shortcode, no matter which builder you are using. However, the actual version provides a full integration with the following builders (no need for the shortcode):
WPBakery
Gutenberg
Shortcode
Shortcode name: load_video_on_click
Shortcode parameters:
link: Video URL
el_id: ID for custom CSS
el_aspect: video aspect ratio
el_class: class for custom CSS
image_placeholder: Image to be loaded instead of the video. You can use the ID or the URL of the image.
load_on_click: Set on to load the video only after clicking on the button, or off to load it on page loading
Shortcode example:
[load_video_on_click link=”https://www.youtube.com/watch?v=AQ3FoNHC6SU” image_placeholder=”356″]
IF you embed a Youtube video and don’t set the image placeholder parameter, the plugin will get it directly from Youtube.
For the other video providers or if you self host the video file, you need to set the parameter image_placeholder, in another case people will only see a play button before loading the video.
Gutenberg
If you use Gutenberg, the blocks Embed and Video will have the switch “Load on click”. Activate that switch to load the embedded video after clicking on the play button.
Don’t forget to set a Poster Image. It will be taken as placeholder before starting the video.
Help
For any question or if something doesn’t work, don’t hesitate to open a thread on the support forum.
Backend Speed Optimization
Is your dashboard slow? We optimize admin performance by improving queries and reducing plugin load.
Read Backend Speed Optimization Service for more information.
For developers
Filter hooks
‘load_video_on_click_for_blocks’
It enables/disables the loading on click for existing videos added with the Video and Embed blocks (Gutenberg).
Example:
add_filter( 'load_video_on_click_for_blocks','__return_true' ); //It enables the loading on click for all videos added with the Video and Embed blocks
‘load_video_on_click_image_placeholder’
You can use it to replace the image placeholder.
Example:
add_filter( 'load_video_on_click_image_placeholder',function( $url,$attrs ){
//$attrs is the array of parameters in case of shortcode, and the block attributes in case of Gutenberg blocks
if( false !== strpos( $url,'yout' ) ){
//Same image placeholder for all Youtube videos
return wp_get_attachment_url( 2009 );
}
return $url;
},2,20 );
