YouTube

Regular video

<strong>Regular video</strong>

[su_youtube url="https://www.youtube.com/watch?v=6xhplrZJD9c" responsive="yes" autoplay="no"]

Playlist

<strong>Playlist</strong>

[su_youtube_advanced url="https://www.youtube.com/watch?v=6xhplrZJD9c" playlist="Q0jDDIjOKsM,kCWyO2F7jTw" rel="no" https="yes"]

Description

This shortcode allows you to insert responsive YouTube videos. You can create playlists using [su_youtube_advanced] shortcode.

Options

[su_youtube]

urlYouTube video URL. Example: https://youtube.com/watch?v=XXXXXX.
widthPlayer width. This value is ignored if responsive=yes, though it affects the quality of the thumbnail.

Possible values: Number from 200 to 1600

Default value: 600
heightPlayer height. This value is ignored if responsive=yes, though it affects the quality of the thumbnail.

Possible values: Number from 200 to 1600

Default value: 400
responsiveIgnore width and height parameters and make player responsive

Possible values: yes or no

Default value: yes
autoplayThis parameter specifies whether the video will automatically start to play when the player loads. Please note, in modern browsers autoplay option only works with the mute option enabled

Possible values: yes or no

Default value: no
muteMute the player

Possible values: yes or no

Default value: no
titleA brief description of the embedded content (used by screenreaders)
classAdditional CSS class name(s) separated by space(s)

[su_youtube_advanced]

urlYouTube video URL. Example: https://youtube.com/watch?v=XXXXXX.
playlistValue is a comma-separated list of video IDs to play. If you specify a value, the first video that plays will be the VIDEO_ID specified in the URL path, and the videos specified in the playlist parameter will play thereafter
widthPlayer width. This value is ignored if responsive=yes, though it affects the quality of the thumbnail.

Possible values: Number from 200 to 1600

Default value: 600
heightPlayer height. This value is ignored if responsive=yes, though it affects the quality of the thumbnail.

Possible values: Number from 200 to 1600

Default value: 400
responsiveIgnore width and height parameters and make player responsive

Possible values: yes or no

Default value: yes
controlsThis parameter indicates whether the video player controls will display

Default value: yes
autohideThis parameter indicates whether the video controls will automatically hide after a video begins playing

Default value: alt
autoplayThis parameter specifies whether the video will automatically start to play when the player loads. Please note, in modern browsers autoplay option only works with the mute option enabled

Possible values: yes or no

Default value: no
muteMute the player

Possible values: yes or no

Default value: no
loopSetting of YES will cause the player to play the initial video again and again

Possible values: yes or no

Default value: no
relIf this parameter is set to YES, related videos will come from the same channel as the video that was just played.

Possible values: yes or no

Default value: yes
fsSetting this parameter to NO prevents the fullscreen button from displaying

Possible values: yes or no

Default value: yes
modestbrandingThis parameter lets you use a YouTube player that does not show a YouTube logo. Set the parameter value to YES to prevent the YouTube logo from displaying in the control bar. Note that a small YouTube text label will still display in the upper-right corner of a paused video when the user’s mouse pointer hovers over the player

Possible values: yes or no

Default value: no
themeThis parameter indicates whether the embedded player will display player controls (like a play button or volume control) within a dark or light control bar

Default value: dark
wmodeHere you can specify wmode value for the embed URL.
Example values: transparent, opaque
playsinlineThis parameter controls whether videos play inline or fullscreen in an HTML5 player on iOS

Possible values: yes or no

Default value: no
titleA brief description of the embedded content (used by screenreaders)
classAdditional CSS class name(s) separated by space(s)
Helpful?
🤝 Thank you!