Title: Lazy load videos and sticky control Author: Aishan Published: جويي 6, 2019 Last modified: أوت 15, 2026 --- Search plugins ![](https://ps.w.org/lazy-load-videos-and-sticky-control/assets/banner-772x250.png? rev=3604648) ![](https://ps.w.org/lazy-load-videos-and-sticky-control/assets/icon-128x128.png? rev=2118462) # Lazy load videos and sticky control By [Aishan](https://profiles.wordpress.org/aishan/) [Download](https://downloads.wordpress.org/plugin/lazy-load-videos-and-sticky-control.4.0.3.zip) * [Details](https://arq.wordpress.org/plugins/lazy-load-videos-and-sticky-control/#description) * [Reviews](https://arq.wordpress.org/plugins/lazy-load-videos-and-sticky-control/#reviews) * [Installation](https://arq.wordpress.org/plugins/lazy-load-videos-and-sticky-control/#installation) * [Development](https://arq.wordpress.org/plugins/lazy-load-videos-and-sticky-control/#developers) [Support](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/) ## Description This plugin improves page load times by lazy loading videos and displaying only the video preview image until playback begins. It now supports YouTube, Vimeo, Wistia, Dailymotion, JW Player, and self-hosted HTML5 videos, with built-in sticky video functionality that keeps videos visible at the top or bottom of the screen when users scroll away from the video viewport. ### Features * **Lazy Load Videos:** Reduce initial page load by showing only video thumbnail preview image first. * **Multiple Video Support:** Add more than one video to a page. Only one video plays at a time, and the other video pauses automatically. * **Sticky Video:** Keep videos visible as you scroll by pinning them to the top or bottom of the screen. * **Multi-Platform Support:** Use YouTube, Vimeo, Wistia, Dailymotion, JW Player, or self-hosted HTML5 videos. * **Custom Styling:** Adapt the video presentation with your own CSS. ### Usage ### Method 1: Using the Classic Editor (WP Editor) 1. **Generate Shortcode in WP Editor:** 2. * Open the post/page where you want to add your video. * In the WordPress editor, click on the **LLVASC** icon. This will open a popup window. * In the popup, add your video ID. For YouTube, Vimeo, Wistia, Dailymotion, and JW Player, use only the video ID, not the full URL. * After entering the video ID, click “Ok”. This generates and inserts a shortcode into your content. 3. **Shortcode Format:** 4. * The shortcode added to your content will look like this: [lazy-load-videos- and-sticky-control type=”youtube” id=”iXGoAj7IEys”] * Example shortcodes: [lazy-load-videos-and-sticky-control type=”vimeo” id=”76979871″][ lazy-load-videos-and-sticky-control type=”wistia” id=”26sk4lmiix”] [lazy-load- videos-and-sticky-control type=”dailymotion” id=”x75iqs7″] [lazy-load-videos- and-sticky-control type=”jwplayer” id=”hWF9vG66″] [lazy-load-videos-and-sticky- control type=”html5″ url=”YOUR_VIDEO_URL”] 5. **Save/Update:** 6. * Save or update your post/page to apply the changes. 7. **Preview and Customize:** 8. * Preview your page to see the embedded video. * If you need to adjust the styling, you can add custom CSS in the General tab of the plugin settings. ### Method 2: Using Gutenberg Block 1. **Add a Block:** 2. * Open the post/page where you want to add your video using the Gutenberg editor. * Click on the “+” icon to add a new block. 3. **Select the ****_LLVASC_** Block: 4. * Search for the “LLVASC” block in the block library. * Add this block to your content. 5. **Enter YouTube Video ID:** 6. * In the LLVASC block settings, select your video platform and enter the matching video ID. For HTML5, use the media picker to choose the video file. 7. **Save/Update:** 8. * Save or update your post/page to apply the changes. 9. **Preview and Customize:** 10. * Preview your page to see the embedded video. * Customize the block settings as needed to adjust the appearance and functionality. ### Demo Preview [Demo](https://preview-plugin.web.app/lazy-load-videos-and-sticky-control.html) ## Screenshots [⌊Frontend: Lazy load video preview and sticky playing video on the bottom right⌉⌊ Frontend: Lazy load video preview and sticky playing video on the bottom right⌉[ Frontend: Lazy load video preview and sticky playing video on the bottom right [⌊Backend: General settings⌉⌊Backend: General settings⌉[ Backend: General settings [⌊Backend: Manual/Guide⌉⌊Backend: Manual/Guide⌉[ Backend: Manual/Guide [⌊Backend: LLVASC icon on classical editor that help to embed shortcode on the content⌉⌊ Backend: LLVASC icon on classical editor that help to embed shortcode on the content⌉[ Backend: **LLVASC** icon on classical editor that help to embed shortcode on the content [⌊Backend: LLVASC block for block editor⌉⌊Backend: LLVASC block for block editor⌉[ Backend: **LLVASC** block for block editor [⌊Backend: LLVASC block settings inspect control⌉⌊Backend: LLVASC block settings inspect control⌉[ Backend: **LLVASC** block settings inspect control ## Blocks This plugin provides 1 block. * LLVASC Lazy load your videos and sticky to bottom of window ## Installation ### 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 ## FAQ ### Does this plugin support multiple videos on a single page? Yes ### Does using an iframe affect page load time? Definitely. iframes can affect page load performance, and it is not recommended to use them if you are concerned about your site’s speed. ### How do this plugin acheive lazy load? Instead of loading the iframe of your videos on page load, it only loads the iframe’s video preview image. ### Will the plugin lazy load all my existing videos after installation? No, you need update your video following above two methods. ### What is sticky control? Sticky control allows you to change the position of the sticky video from the backend. The available positions 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 previously playing video will pause if you play another video. ### How do I apply custom CSS? Once the plugin is installed and activated, navigate to “Settings->Lazy Load Videos& Sticky Control Settings” from your dashboard, and write the CSS rules in the code editor. ### Will the plugin support other videos? Yes. Premium addon functionality is now included in the free plugin, with support for YouTube, Vimeo, Wistia, Dailymotion, JW Player, and self-hosted HTML5 videos. ### Do this plugin add more features in the future? Yes, more features will be added and updated in the near future. ### Plugin not working? Please install the latest version of this plugin. Clear the cache if you have installed any cache plugin or set up any third-party tools like Cloudflare. ## Reviews ![](https://secure.gravatar.com/avatar/fb40cb1bedc6d5f1df372d59dc08b62a1fb9850bd330e598b5f6ef0badae3517? s=60&d=retro&r=g) ### 󠀁[Good plugin](https://wordpress.org/support/topic/good-plugin-4586/)󠁿 [moizfarooqui](https://profiles.wordpress.org/moizfarooqui/) سبتمبر 6, 2020 It's working well. ![](https://secure.gravatar.com/avatar/e29f312de181b3693c32dfae2f2d6e22c52c97a942aacc87dc014593a7a75036? s=60&d=retro&r=g) ### 󠀁[sticky isnt’ working even on the demo](https://wordpress.org/support/topic/sticky-isnt-working-even-on-the-demo/)󠁿 [mot460s](https://profiles.wordpress.org/mot460s/) جونڥي 9, 2020 1 reply seems to be unsupported , even in the provided demo the sticky vid is not working. nice idea though ![](https://secure.gravatar.com/avatar/6f56c9e6ce43c8504158bfa3ebbf57e002ae7fee66999c7303d09af4b79d1edc? s=60&d=retro&r=g) ### 󠀁[Works AWESOME!](https://wordpress.org/support/topic/works-awesome-72/)󠁿 [](https://profiles.wordpress.org/sportsmansparadise/) ديسومبر 13, 2019 Thank you for providing this plugin. Awesome job. Keep up the good work! ![](https://secure.gravatar.com/avatar/61af2dc6e356fc666b677d3f26bf43faea26205e05d5ac3f2dd99dc00edeec9e? s=60&d=retro&r=g) ### 󠀁[Great Plugin, Developer Super Responsive to Feedback](https://wordpress.org/support/topic/great-plugin-developer-super-responsive-to-feedback/)󠁿 [stephensegari](https://profiles.wordpress.org/stephensegari/) أوت 24, 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)? ![](https://secure.gravatar.com/avatar/7cd63f87be3ee8defd0a8262c0fce200aacf8b772456743c840c2372c51c1f7d? s=60&d=retro&r=g) ### 󠀁[Great plugins.](https://wordpress.org/support/topic/great-plugins-113/)󠁿 [mawnii](https://profiles.wordpress.org/mawnii/) جويي 8, 2019 This what i am looking for my website. Thanks! [ Read all 5 reviews ](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/) ## Contributors & Developers “Lazy load videos and sticky control” is open source software. The following people have contributed to this plugin. Contributors * [ Aishan ](https://profiles.wordpress.org/aishan/) [Translate “Lazy load videos and sticky control” into your language.](https://translate.wordpress.org/projects/wp-plugins/lazy-load-videos-and-sticky-control) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/lazy-load-videos-and-sticky-control/), check out the [SVN repository](https://plugins.svn.wordpress.org/lazy-load-videos-and-sticky-control/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/lazy-load-videos-and-sticky-control/) by [RSS](https://plugins.trac.wordpress.org/log/lazy-load-videos-and-sticky-control/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 4.0.3 * Fixed backend “Sticky position” select option control * Added close icon when sticky video * General maintenance and code cleanup. #### 4.0.2 * Improved global function prefixes for better compatibility with WordPress coding standards. * Improved escaping and sanitization throughout the plugin. * Updated plugin metadata and documentation. * General maintenance and code cleanup. #### 4.0.1 * Improved security and input sanitization. * Updated translation loading for modern WordPress versions. * Added direct file access protection. * Updated readme metadata and documentation. * General code quality improvements. #### 4.0.0 (2026-07-12) * Added: Premium addon functionality merged into the free plugin. * Added: Support for YouTube, Vimeo, Wistia, Dailymotion, JW Player, and self-hosted HTML5 videos. * Changed: Updated the editor, shortcode output, and manual guide for the expanded video support. #### 3.0.1 (2024-11-21) * Conduct a comprehensive security and WordPress coding standards reviewed * Tested compatibility with WordPress version 6.7 #### 3.0.0 (2024-06-24) * Added: LLVASC block on block editor (Gutenberg). * Tested compatibility with WordPress version 6.5.4 #### 2.0.2 (2023-04-18) * Changed: Play icon missing fixes. * And other minor changes and tested to WordPress version 6.2 #### 2.0.1 (2020-12-14) * Changed: Minor update on JavaScript due to some changes by Youtube player #### 2.0.0 (2020-04-12) * Changed: Minor update on JavaScript due to some changes by Youtube player #### 1.0.2 (2020-01-20) * Changed: Minor update * Changed: Javascript Modularization #### 1.0.1 * Changed: Added “LLVASC” icon on the backend editor to add a shortcode to the content * Changed: Javascript updated ## Meta * Version **4.0.3** * Last updated **2 months ago** * Active installations **80+** * WordPress version ** 5.2 or higher ** * Tested up to **7.0.6** * PHP version ** 5.5 or higher ** * Language * [English (US)](https://wordpress.org/plugins/lazy-load-videos-and-sticky-control/) * Tags * [lazyload](https://arq.wordpress.org/plugins/tags/lazyload/)[shortcode](https://arq.wordpress.org/plugins/tags/shortcode/) [sticky video](https://arq.wordpress.org/plugins/tags/sticky-video/)[video](https://arq.wordpress.org/plugins/tags/video/) * [Advanced View](https://arq.wordpress.org/plugins/lazy-load-videos-and-sticky-control/advanced/) ## Ratings 4.2 out of 5 stars. * [ 4 5-star reviews ](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/reviews/) ## Contributors * [ Aishan ](https://profiles.wordpress.org/aishan/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/lazy-load-videos-and-sticky-control/)