YouTube Element

Last Update: August 30, 2025

The Avada YouTube Element enables you to embed YouTube videos directly on your website, providing control over their appearance and functionality. It’s even equipped with built-in responsive features, so you don’t have to worry about the size of your videos.

Watch the video below for a visual overview of the Element, view the Avada YouTube Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.
View Element Page!
View Live Example!
View Avada Builder Elements!

How To Use The YouTube Element

Adding a YouTube video to your Avada website is straightforward. To start, add the Element to your desired column. The first and most crucial step is to enter the YouTube Video ID into the Video ID field. This is the end section of the URL; for example, the Video ID for https://www.youtube.com/watch?v=UDyNsnB_COA is UDyNsnB_COA.

In the Alignment field, you can select the video’s alignment in the column where you place it. Set the dimensions of the video. This is in pixels, but you enter a number. You can enter either the width or the height, and the other value will be automatically calculated, assuming a 16:9 aspect ratio. If you have a video with a non-16:9 aspect ratio, enter both width and height.

There are a couple more options you can select. One is Autoplay, which is set to No by default, as it’s generally not considered good practice for videos to autoplay. Additionally, there is an option for specifying additional API parameters. The most common of these is &rel=0. For a complete list of YouTube parameters, please see this help file.

The YouTube Element also includes a Video Facade option to help with page speed. Once you have finished with the options, click “Save”, and the video will be inserted into your page.

Element Options

General

HeadingDescription
Video ID or UrlFor example the Video ID for https://www.youtube.com/watch?v=CbOQqvQDrVQ is CbOQqvQDrVQ.
AlignmentSelect the video's alignment.
DimensionsIn pixels but only enter a number, ex: 600.
Start TimeSpecify a start time for the video (in seconds).
End TimeSpecify an end time for the video (in seconds).
Autoplay VideoSet to yes to make video autoplaying. Muted video required for autoplay video.
Mute VideoSet to yes to make video muted.
Loop VideoSet to yes to let the video loop.
Player ControlsSet to yes to display the player controls.
Additional API ParameterUse an additional API parameter, for example, &rel=0 to only display related videos from the same channel.
Title AttributeSet the title attribute for the iframe embed of your video. Leave empty to use default value of "YouTube video player #".
Video FacadeEnable video facade in order to load video player only when video is played.
Thumbnail SizeSelect the video's preview thumbnail size. The sizes are YouTube standard, and not all sizes are available for every video. Leave empty for auto selection depending on video dimensions.
Load Via YouTube No CookieEnable to load the video as trackingless embed via youtube-nocookie.com.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Extras

HeadingDescription
Structured DataEnable video structured data for better SEO.
Upload Date & TimeSelect video upload date and time.
Upload TimezoneSelect video upload time timezone.
Video DurationInsert the video duration.
Video TitleInsert the video title.
Video DescriptionInsert the video description.

In this article