Adding a YouTube video to your website has never been easier thanks to the Avada Builder YouTube Element. Just add the YouTube video ID, and away you go. It』s even got built in responsive features, so you don』t have to worry about the size of your videos! Read below to discover how to make the most of the YouTube Element!,View Element Demo Page!,OverviewHow To Use The Element
Element Options
Global Options,How To Use The YouTube Element
Adding a YouTube video to your content couldn』t be easier with the Fusion Builder YouTube Element.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Select the container and column you would like to place the video.
Step 3 – Click on the + Element button at the bottom of the column. Select or search for YouTube.
Step 4 – Now you have the options window open. The first and most important step is to place the YouTube video ID into the Video ID field. This is the the end section of the url; for example the Video ID for https://www.youtube.com/watch?v=UDyNsnB_COA is UDyNsnB_COA.
Step 5 – In the Alignment field, you can choose the alignment of the video in the column you are placing it in.
Step 6 – Set the dimensions of the video. This is in pixels, but you just enter a number. You can enter just the width or the height, and the other value will be auto calculated, assuming a 16:9 aspect ratio. If you have a non 16:9 aspect ratio video, enter both width and height.
NB. YouTube videos are displayed in a 16:9 aspect ratio, so if the video you choose or the dimensions you enter is not in that ratio, black bars are added to the side, or top and bottom.
Step 7 – There are a couple more options you can select. One is Autoplay, which by default is set to No, as it』s generally not considered good Netiquette for videos to autoplay, and there is an option for additional API parameters. The most common of these is &rel=0. For a full list of YouTube parameters, please see this document. And with Avada 7.4, we introduced a Video Facade option, to help with page speed. Once you have finished with the options, simply click save and the video will be inserted into your page.
Step 8 – If you preview your page, you will see the video as you have styled it.
IMPORTANT NOTE: The YouTube parameter &rel=0 used to disable related videos, but due to a recent change in YouTube, related videos can no longer be disabled. The &rel=0 parameter will now show related videos at the end of the video, but only from the same YouTube channel the video is on.767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Video ID – Enter the YouTube video ID. For example, the Video ID for https://www.youtube.com/watch?v=UDyNsnB_COA is UDyNsnB_COA.
Alignment – Select the video』s alignment. Choose from Text Flow, Left, Center, or Right.
Dimensions – In pixels but only enter a number, ex: 600.
Autoplay Video – Set to yes to make the video autoplay.
Additional API Parameter – Use additional API parameters. For a full list, see this document.
Title Attribute – Set the title attribute for the iframe embed of your video. Leave empty to use default value of 「YouTube video player #」.
Video Facade – Enable video facade in order to load video player only when video is played.
Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS Class – Add a class to the wrapping HTML element.
CSS ID – Add an ID to the wrapping HTML element.
View The Options ScreenGlobal OptionsThere are no Global Options for the YouTube Element.