How to add a play button video lightbox
*Please note, this article is no longer relevant - now you can simply use the "Video" widget within Elementor which is a simpler approach.*
Original article:
There is a shortcode available which enables you to add a YouTube video lightbox that is launched from a play button icon. For an example see the Reveal section on this page: http://demo.themovation.com/stratus/home-one-pager/
Here is how you can do it:
- In Elementor, add a Shortcode widget onto your page.
- Copy/paste this code into the Shortcode widget and change the YouTube URL:
<p style="text-align:center">[video_play src="https://www.youtube.com/watch?v=mW6hFttt_KE" width="1280" size="icon-large" style="icon-light" icon="fa fa-play-circle-o"]</p>
That will display the icon centered in the column it is in. If you want it left aligned instead, use this code:
[video_play src="https://www.youtube.com/watch?v=mW6hFttt_KE" width="1280" size="icon-large" style="icon-light" icon="fa fa-play-circle-o"]