Register Now


Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Add question


Register Now

Thank you for registering with WPTricks

How To Optimize Video Embeds From YouTube To WordPress – Massive Performance Gain

In this video, I will show you a new way to embed YouTube videos on your website to increase performance and web page speed. It’s mostly for Elementor users, but I will link below to a Beaver Builder add-on that does something similar.

More Info (ref)
Elementor (ref)

Here is a link to the manual way to do it

Here is a way to do this with Beaver Builder

All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it’s safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below.

Comments ( 30 )

  1. How many videos can I add on my website? I have a church website but I would like the 5 last message to be always on top but also create a way where people can search for video that are old?
    Can someone please help me?

  2. [7/15, 11:24 PM] Pavan Kallem????: How to append text from one text box to another textbox means,in one textbox we we write text that text should be append to another text box content in WordPress or in Java script please help me to solve this problem

  3. hi adam, i implemted the script and it works fine
    however, i figured that it it requires users to click twice before the video will load
    first click will remove the image overlay and requires second click to make the video plays.

  4. cannot say enough thanks adam!!
    one quesiton, do u know if wp bakery have the same function?

  5. the problem I'm having is the youtube video I've got embedded is running 5 fps and low res – works fine on youtube itself but really bad playback…

  6. How can i upload youtube playlist in my wordpress site using elementor?

  7. I'm trying to use this widget in a template. How do I get it to pull up dynamic youtube URLs? I create my posts in WordPress but use Elementor templates with them. I'm a pro member

  8. Hello, I start following your videos and it really helps me to get an amazing knowledge. I have tried the manual insertion method. Everything works fine.. except 2 thing. I have to click on the play button twice. one the first click it bring the youtube video with original button and on the second click it plays the video. Also i couldn't figure out how to autoplay that video. I want the video to play automatically when the user load the page. Can you please help me with that.

  9. Then you need to optimize the video.

  10. This is awesome. Thanks for posting. Correct me if I'm wrong, but I think the best way still to deal with site lag from embedded videos is to use a lightbox. That way the YouTube only loads on click of the thumbnail.

  11. Hi there, great video.

    I found that you can avoid this issue by setting the image overlay on the video and also enabling lazy load. No need to install an extra plugin.

  12. I sure hope the folks at Elementor are paying you 6 figures because 9 out of 10 new wordpress users watch your videos first.

  13. My youtube background video in elementor isnt responsive and the background function doesn't all an embed code. Can you help?

  14. Is there a way to have a video disappear after it has played? I was wanting to have a video introduction play for a visitor and then fade out. I don't see that option in elementor.

  15. My web page on a mobile device loads fine but when I play the video from my page it is some are incredibly slow or will not load completely.
    Open the same video in YouTube problem?

  16. Are there any options for using the video in the background of a section?

  17. Hi Adam,
    I'm having some problems with Elementor Pro.
    I set my pages to the "default template" under the page section but when I shift my "hero section" up to go above the header my pages changes to "Elementor Canvas" by itself and then my header and footer disappears.
    I want my header section to be on top of my hero section.
    Please help.

  18. Hi Adam I need help I want to know how you created boxes on your site with button on your reviews page

  19. Love your videos but man, you have a horrible green spill in your videos. Can't you distance yourself a bit more from the green screen?
    You aren't one of those green men from Mars, are you? No offense, just sayin'… 😉

  20. Nice vid Adam… Hey is there a way to get this to trigger the UAEE video modal pop up and still be optimized?

  21. Can this be used for a background video on a home page? If not, how can I reduce the bulkiness of an uploaded video I used for a background (not on YouTube)?

  22. Tnx Adam. One question regarding SEO: Google likes content rich websites. A yt-video would add to the richness of the website. So doesn't this method remove the seo advantage of having yt videos on the site?

  23. We do appreciate your efforts

  24. Great video tut Adam! UAEL rocks! Amazing how a little coding in the behind scenes makes such a difference! This will be massive load improvement on my clients site’s that use copious amounts of videos! Hopefully, can pull dynamic URL’s from ACF for video’s!

  25. I wonder why YouTube doesnt use the same approach as google+ by only loading the Thumbnail.

  26. July 1, 2017 at 3:32 pm

    Hey adam i need ur help to create custom login page with elementor that replace the default wp-admin / wp-login.php screen

  27. Are you familiar with WP you tube lite ? I am in process of installing – how different etc?

  28. By default, both methods (manual and using the UAE plugin) will require two clicks on mobile and tablets to play the video, FYI. You can test this on UAE's page here: on their tutorial video.

Leave a reply