Custom Light Weight YouTube Videos Lazy Loaded
To implement lazy loading for YouTube embedded videos on your website, follow these steps to enhance performance without compromising video functionality.
Step 1: Copy the CSS from the page embedded within the Designer tool.
Step 2: Copy the JavaScript from the Page Settings.
Step 3: Copy the YouTube video structure from the embedded element named "video-embed." Replace the placeholder with your own YouTube video ID.
Example: For the video URL: https://www.youtube.com/watch?v=u7zm19YgQBA, the ID is "u7zm19YgQBA."