<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"]
Description
This shortcode allows you to insert responsive YouTube videos. You can create playlists using [su_youtube_advanced] shortcode.
Options
[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 This 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 | yes or no | no |
| mute Mute the player | yes or no | no |
| title A brief description of the embedded content (used by screenreaders) | Any text value | – none – |
| 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 |
| autoplay This 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 | yes or no | no |
| mute Mute the player | 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 If this parameter is set to YES, related videos will come from the same channel as the video that was just played. | 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 |
| 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 no | no |
| title A brief description of the embedded content (used by screenreaders) | Any text value | – none – |
| class Additional CSS class name(s) separated by space(s) | CSS class name(s) separated by space(s) | – none – |