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

Regular video

Playlist

<strong>Regular video</strong>

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

<strong>Playlist</strong>

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

[su_youtube]

Option name Possible values Default 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 1600 600
height
Player height
Number from 200 to 1600 400
responsive
Ignore width and height parameters and make player responsive
yes or no yes
autoplay
Play video automatically when page is loaded
yes or no no
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)

none

[su_youtube_advanced]

Option name Possible values Default 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 1600 600
height
Player height
Number from 200 to 1600 400
responsive
Ignore width and height parameters and make player responsive
yes or no yes
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
showinfo
If you set the parameter value to NO, then the player will not display information like the video title and uploader before the video starts playing.
yes or no yes
autoplay
Play video automatically when page is loaded
yes or no no
loop
Setting of YES will cause the player to play the initial video again and again
yes or no no
rel
This parameter indicates whether the player should show related videos when playback of the initial video ends
yes or no yes
fs
Setting this parameter to NO prevents the fullscreen button from displaying
yes or no yes
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 no no
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 no no
wmode
Here you can specify wmode value for the embed URL.
Example values: transparent, opaque
Any text value

none

class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)

none