{"id":33957,"date":"2019-03-04T10:13:43","date_gmt":"2019-03-04T10:13:43","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33957"},"modified":"2021-08-23T11:06:36","modified_gmt":"2021-08-23T11:06:36","slug":"youtube","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/youtube\/","title":{"rendered":"YouTube"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<p><strong>Regular video<\/strong><\/p>\n<div class=\"su-youtube su-u-responsive-media-yes\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/6xhplrZJD9c?\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\">&lt;strong&gt;Regular video&lt;\/strong&gt;\n\n<div class=\"su-youtube su-u-responsive-media-&quot;yes&quot;\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/6xhplrZJD9c?\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<p><strong>Playlist<\/strong><\/p>\n<div class=\"su-youtube su-u-responsive-media-yes\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/6xhplrZJD9c?autohide=2&amp;autoplay=0&amp;mute=0&amp;controls=1&amp;fs=1&amp;loop=0&amp;modestbranding=0&amp;playlist=Q0jDDIjOKsM%2CkCWyO2F7jTw&amp;rel=0&amp;showinfo=1&amp;theme=dark&amp;wmode=&amp;playsinline=0\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\">&lt;strong&gt;Playlist&lt;\/strong&gt;\n\n<div class=\"su-youtube su-u-responsive-media-yes\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/6xhplrZJD9c?autohide=2&amp;autoplay=0&amp;mute=0&amp;controls=1&amp;fs=1&amp;loop=0&amp;modestbranding=0&amp;playlist=%26quot%3BQ0jDDIjOKsM%2CkCWyO2F7jTw%26quot%3B&amp;rel=%26quot%3B0%26quot%3B&amp;showinfo=1&amp;theme=dark&amp;wmode=&amp;playsinline=0\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>This shortcode allows you to insert responsive YouTube videos. You can create playlists using <em><\/em> shortcode.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"su_youtube\"><\/h3>\n\n\n\n<figure class=\"wp-block-table c-shortcode-options\"><table><tbody><tr><td><a name=\"option-url\" href=\"#option-url\">url<\/a><\/td><td>YouTube video URL. Example: <code>https:\/\/youtube.com\/watch?v=XXXXXX<\/code>.<\/td><\/tr><tr><td><a name=\"option-width\" href=\"#option-width\">width<\/a><\/td><td>Player width. This value is ignored if <code>responsive=yes<\/code>, though it affects the quality of the thumbnail.<br><br><strong>Possible values:<\/strong> Number from 200 to 1600<br><br><strong>Default value:<\/strong> <code>600<\/code><\/td><\/tr><tr><td><a name=\"option-height\" href=\"#option-height\">height<\/a><\/td><td>Player height. This value is ignored if <code>responsive=yes<\/code>, though it affects the quality of the thumbnail.<br><br><strong>Possible values:<\/strong> Number from 200 to 1600<br><br><strong>Default value:<\/strong> <code>400<\/code><\/td><\/tr><tr><td><a name=\"option-responsive\" href=\"#option-responsive\">responsive<\/a><\/td><td>Ignore width and height parameters and make player responsive<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>yes<\/code><\/td><\/tr><tr><td><a name=\"option-autoplay\" href=\"#option-autoplay\">autoplay<\/a><\/td><td>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<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-mute\" href=\"#option-mute\">mute<\/a><\/td><td>Mute the player<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-title\" href=\"#option-title\">title<\/a><\/td><td>A brief description of the embedded content (used by screenreaders)<\/td><\/tr><tr><td><a name=\"option-class\" href=\"#option-class\">class<\/a><\/td><td>Additional CSS class name(s) separated by space(s)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"su_youtube_advanced\"><\/h3>\n\n\n\n<figure class=\"wp-block-table c-shortcode-options\"><table><tbody><tr><td><a name=\"option-url\" href=\"#option-url\">url<\/a><\/td><td>YouTube video URL. Example: <code>https:\/\/youtube.com\/watch?v=XXXXXX<\/code>.<\/td><\/tr><tr><td><a name=\"option-playlist\" href=\"#option-playlist\">playlist<\/a><\/td><td>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<\/td><\/tr><tr><td><a name=\"option-width\" href=\"#option-width\">width<\/a><\/td><td>Player width. This value is ignored if <code>responsive=yes<\/code>, though it affects the quality of the thumbnail.<br><br><strong>Possible values:<\/strong> Number from 200 to 1600<br><br><strong>Default value:<\/strong> <code>600<\/code><\/td><\/tr><tr><td><a name=\"option-height\" href=\"#option-height\">height<\/a><\/td><td>Player height. This value is ignored if <code>responsive=yes<\/code>, though it affects the quality of the thumbnail.<br><br><strong>Possible values:<\/strong> Number from 200 to 1600<br><br><strong>Default value:<\/strong> <code>400<\/code><\/td><\/tr><tr><td><a name=\"option-responsive\" href=\"#option-responsive\">responsive<\/a><\/td><td>Ignore width and height parameters and make player responsive<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>yes<\/code><\/td><\/tr><tr><td><a name=\"option-controls\" href=\"#option-controls\">controls<\/a><\/td><td>This parameter indicates whether the video player controls will display<br><br><strong>Default value:<\/strong> <code>yes<\/code><\/td><\/tr><tr><td><a name=\"option-autohide\" href=\"#option-autohide\">autohide<\/a><\/td><td>This parameter indicates whether the video controls will automatically hide after a video begins playing<br><br><strong>Default value:<\/strong> <code>alt<\/code><\/td><\/tr><tr><td><a name=\"option-autoplay\" href=\"#option-autoplay\">autoplay<\/a><\/td><td>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<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-mute\" href=\"#option-mute\">mute<\/a><\/td><td>Mute the player<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-loop\" href=\"#option-loop\">loop<\/a><\/td><td>Setting of YES will cause the player to play the initial video again and again<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-rel\" href=\"#option-rel\">rel<\/a><\/td><td>If this parameter is set to YES, related videos will come from the same channel as the video that was just played.<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>yes<\/code><\/td><\/tr><tr><td><a name=\"option-fs\" href=\"#option-fs\">fs<\/a><\/td><td>Setting this parameter to NO prevents the fullscreen button from displaying<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>yes<\/code><\/td><\/tr><tr><td><a name=\"option-modestbranding\" href=\"#option-modestbranding\">modestbranding<\/a><\/td><td>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&#8217;s mouse pointer hovers over the player<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-theme\" href=\"#option-theme\">theme<\/a><\/td><td>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<br><br><strong>Default value:<\/strong> <code>dark<\/code><\/td><\/tr><tr><td><a name=\"option-wmode\" href=\"#option-wmode\">wmode<\/a><\/td><td>Here you can specify wmode value for the embed URL.<br>Example values: <code>transparent<\/code>, <code>opaque<\/code><\/td><\/tr><tr><td><a name=\"option-playsinline\" href=\"#option-playsinline\">playsinline<\/a><\/td><td>This parameter controls whether videos play inline or fullscreen in an HTML5 player on iOS<br><br><strong>Possible values:<\/strong> <code>yes<\/code> or <code>no<\/code><br><br><strong>Default value:<\/strong> <code>no<\/code><\/td><\/tr><tr><td><a name=\"option-title\" href=\"#option-title\">title<\/a><\/td><td>A brief description of the embedded content (used by screenreaders)<\/td><\/tr><tr><td><a name=\"option-class\" href=\"#option-class\">class<\/a><\/td><td>Additional CSS class name(s) separated by space(s)<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36670,"template":"","docs_category":[21],"class_list":["post-33957","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36670"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33957"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}