{"id":1161,"date":"2010-06-02T02:00:58","date_gmt":"2010-06-02T02:00:58","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=582"},"modified":"2010-06-02T02:00:58","modified_gmt":"2010-06-02T02:00:58","slug":"post-format-video-youtube","status":"publish","type":"post","link":"https:\/\/blog.uvm.edu\/manual\/2010\/06\/02\/post-format-video-youtube\/","title":{"rendered":"Post Format: Video (YouTube)"},"content":{"rendered":"\n<p class=\"intro--left\">WordPress can embed both YouTube and Vimeo videos that are public and &#8220;unlisted&#8221;. <\/p>\n\n\n\n<p>A search for &#8220;video&#8221; in the Blocks area yields a lot of options. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"551\" src=\"http:\/\/blog.uvm.edu\/manual-test\/files\/2019\/09\/video_content_blocks.jpg\" alt=\"Screengrab of the WordPress block menu showing a search return for &quot;video&quot; blocks.\" class=\"wp-image-4045\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/video_content_blocks.jpg 620w, https:\/\/blog.uvm.edu\/manual\/files\/2019\/09\/video_content_blocks-300x267.jpg 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p>Admittedly, it&#8217;s confusing to have so many options to embed a video on your WordPress page. I would ignore the &#8220;Common Blocks&#8221;. Here is some guidance for the other options:<\/p>\n\n\n\n<p><strong>Embeds<\/strong><br \/>Vim<em>eo:<\/em> Use if your video is hosted on Vimeo<br \/><em>YouTube:<\/em> Use if your video is hosted on YouTube<br \/><em>Note: Your videos need to be public to show up. <\/em><\/p>\n\n\n\n<p><strong>Reusable<\/strong><br \/><em>Video__Two Column Video Text:<\/em><br \/>You can see what that looks like <a href=\"https:\/\/wptest.sdelling.w3.uvm.edu\/video-styles\/\">here<\/a>. <br \/><br \/><em>Video__Full Width:<\/em> This is actually duplicative of the YouTube Block<br \/><br \/><em>Banner__Video Background with text Overlay:<\/em>  This allows you to put a title over your video with a transparent overlay to ensure text readability. See a sample of this at the bottom of <a href=\"https:\/\/wptest.sdelling.w3.uvm.edu\/video-styles\/\">this page<\/a>.<\/p>\n\n\n\n<p>From my experience, all of the embeds scaled responsively to different breakpoints for desktop, tablet and mobile. Just something else to watch out for.<\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is how a video imports from Class WordPress into Gutenberg WordPress.<\/p>\n\n\n<p><iframe loading=\"lazy\" title=\"Matt Mullenweg on KTEH &quot;This is Us!&quot;\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/SQEQr7c0-dw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Learn more about <a href=\"https:\/\/wptest.sdelling.w3.uvm.edu\/blocks-embeds\/\">social embeds<\/a>, <a href=\"https:\/\/wptest.sdelling.w3.uvm.edu\/video-styles\/\">YouTube and Vimeo embeds and video styles<\/a> and&nbsp; <a title=\"WordPress Embeds\" href=\"https:\/\/codex.wordpress.org\/Embeds\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Embeds in general<\/a>.<\/p>\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress can embed both YouTube and Vimeo videos that are public and &#8220;unlisted&#8221;. A search for &#8220;video&#8221; in the Blocks area yields a lot of options. Admittedly, it&#8217;s confusing to have so many options to embed a video on your WordPress page. I would ignore the &#8220;Common Blocks&#8221;. Here is some guidance for the other &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/2010\/06\/02\/post-format-video-youtube\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Post Format: Video (YouTube)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":4001,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[258718,523032,604408,246029,66159],"tags":[55762,141],"class_list":["post-1161","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-classic","category-formatting","category-functionality","category-media-2","category-social","tag-post-formats","tag-video","post_format-post-format-video","entry"],"featured_image_src":"https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg","featured_image_src_square":"https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg","author_info":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_featured_image_url":{"full":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",1500,1000,false],"landscape":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",1500,1000,false],"portraits":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",1500,1000,false],"thumbnail":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01-150x150.jpg",150,150,true],"medium":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01-300x200.jpg",300,200,true],"large":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01-1024x683.jpg",640,427,true],"1536x1536":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",1500,1000,false],"2048x2048":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",1500,1000,false],"ab-block-post-grid-landscape":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",600,400,false],"ab-block-post-grid-square":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",600,400,false],"post-thumbnail":["https:\/\/blog.uvm.edu\/manual\/files\/2010\/06\/YouTube_1500x1000_01.jpg",1500,1000,false]},"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/blog.uvm.edu\/manual\/category\/classic\/\" rel=\"category tag\">Classic<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/formatting\/\" rel=\"category tag\">Formatting<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/functionality\/\" rel=\"category tag\">Functionality<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/media-2\/\" rel=\"category tag\">Media<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/social\/\" rel=\"category tag\">Social<\/a>","rttpg_excerpt":"WordPress can embed both YouTube and Vimeo videos that are public and &#8220;unlisted&#8221;. A search for &#8220;video&#8221; in the Blocks area yields a lot of options. Admittedly, it&#8217;s confusing to have so many options to embed a video on your WordPress page. I would ignore the &#8220;Common Blocks&#8221;. Here is some guidance for the other&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=1161"}],"version-history":[{"count":0,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1161\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media\/4001"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=1161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/categories?post=1161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/tags?post=1161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}