Lazy load videos and sticky control

Deskripsi

This plugin improves page load times as it only loads the YouTube videos preview image on page load. And also provides the option/control to make your video sticky to side(top/bottom) of the window if user scroll away from the video viewport.

Features
– Lazy load videos. No need to worry about complex settings.
– Support multiple videos on single page. Plays only one video at a time. The video will pause if you play other video
– Sticky video to bottom/top if you scroll away from the video
– You can also add your own custom styling.

How to?
– Generate shortcode on post/page (WP Editor) by clicking on the icon “LLVASC”. This will show you a popup where you can add your YouTube video ID; Where, “Video ID” is the unique Alphanumeric code present at the end of your YouTube video. For example: https://www.youtube.com/watch?v=iXGoAj7IEys, where the video id is iXGoAj7IEys. After you add your ID click “Ok”, then the shortcode will be added to your content.
– The shortcode it add to your content is: [lazy-load-videos-and-sticky-control id=”Youtube-video-ID”] on your page/posts/postypes. Hence, [lazy-load-videos-and-sticky-control id=”iXGoAj7IEys”] on you content.
– Save/update
– Preview your page. And if you want to adjust some styling you can add your own/custom CSS from the General tab

Demo: https://preview-plugin.web.app/lazy-load-videos-and-sticky-control.html

Tangkapan Layar

  • Frontend: Lazy load video preview and sticky playing video on the bottom right
  • Backend: General settings
  • Backend: Manual/Guide
  • Backend: Shortcode can be generated on editor

Pemasangan

Automatic installation

  1. Open WordPress admin, go to Plugins, click Add New
  2. Enter “Lazy load videos and sticky control” in search and hit Enter
  3. Plugin will show up as the first on the list, click “Install Now”
  4. Activate & open plugin’s settings page located under the Settings menu

Manual installation

  1. Upload the plugin folder to the /wp-content/plugins/ directory via ftp
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

PSD (FAQ)

Do this plugin support multiple videos on a single page?

Yes

Does iframe affect the page load time?

Definitely, iframe affects the page load performance and also it is not recommended to use iframe if you are concern about your site speed.

How do this plugin acheive lazy load ?

Instead of loading the iframe of your videos on page load, it only loads the iframe videos preview image.

Will the plugin lazy load all my existing plugin after installation ?

No, you need to update all your content with the shortcode

What is sticky control?

Sticky control mean you can change the position of the sticky video from the backend. The available position are “Bottom Right”, “Bottom Left”, “Top Right” and “Top Left” of your window.

Do it support single video playback if i have multiple videos on a page?

Yes, it plays only one video at a time. The previous playing video will pause if you play other video

How do I apply custom CSS ?

Once the plugin is installed and activated, from your dashboard navigate to “Settings->Lazy Load Videos & Sticky Control Settings”, and write the CSS rules in the codemirror.

Will the plugin support other videos ?

This free version only support YouTube videos. You can contact me and buy a Premium version of this plugin. The premium version supports HTML5 and Vimeo video and many more in the near future.

Do this plugin add more features in the future ?

Yes, will add and update the features in the near future.

Tinjauan

13 Desember 2019
Thank you for providing this plugin. Awesome job. Keep up the good work!
24 Agustus 2019
Love this plugin, but one little issue. Basically, when the video is sticky after the user has scrolled past the viewport and the user interacts with it (skipping or pressing pause), the video immediately pops back up to its original location off screen. Is this intended behavior? If so, do you have any workarounds or modifications to the plugin to take care of this (before I attempt to fix on my own)?
Baca semua 5 tinjauan

Kontributor & Pengembang

“Lazy load videos and sticky control” adalah perangkat lunak sumber terbuka. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Log Perubahan

1.0.1

  • Changed: Added “LLVASC” icon on the backend editor to add a shortcode to the content
  • Changed: Javascript updated

1.0.2 (2020-01-20)

  • Changed: Minor update
  • Changed: Javascript Modularization

2.0.0 (2020-04-12)

  • Changed: Minor update on JavaScript due to some changes by Youtube player