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]

Option namePossible valuesDefault value
url
Url of YouTube page with video. Ex: http://youtube.com/watch?v=XXXXXX
Any text value– none –
width
Player width
Number from 200 to 1600600
height
Player height
Number from 200 to 1600400
responsive
Ignore width and height parameters and make player responsive
yes or noyes
autoplay
Play video automatically when a page is loaded. Please note, in modern browsers autoplay option only works with the mute option enabled
yes or nono
mute
Mute the player
yes or nono
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –

[su_youtube_advanced]

Option namePossible valuesDefault value
url
Url of YouTube page with video. Ex: http://youtube.com/watch?v=XXXXXX
Any text value– none –
playlist
Value 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
Any text value– none –
width
Player width
Number from 200 to 1600600
height
Player height
Number from 200 to 1600400
responsive
Ignore width and height parameters and make player responsive
yes or noyes
controls
This parameter indicates whether the video player controls will display
no (0 – Hide controls)
yes (1 – Show controls)
alt (2 – Show controls when playback is started)
yes
autohide
This parameter indicates whether the video controls will automatically hide after a video begins playing
no (0 – Do not hide controls)
yes (1 – Hide all controls on mouse out)
alt (2 – Hide progress bar on mouse out)
alt
autoplay
Play video automatically when a page is loaded. Please note, in modern browsers autoplay option only works with the mute option enabled
yes or nono
mute
Mute the player
yes or nono
loop
Setting of YES will cause the player to play the initial video again and again
yes or nono
rel
If this parameter is set to YES, related videos will come from the same channel as the video that was just played.
yes or noyes
fs
Setting this parameter to NO prevents the fullscreen button from displaying
yes or noyes
modestbranding
This 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
yes or nono
theme
This parameter indicates whether the embedded player will display player controls (like a play button or volume control) within a dark or light control bar
dark (Dark theme)
light (Light theme)
dark
https
Use HTTPS in player iframe
yes or nono
wmode
Here you can specify wmode value for the embed URL.
Example values: transparent, opaque
Any text value– none –
playsinline
This parameter controls whether videos play inline or fullscreen in an HTML5 player on iOS
yes or nono
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –