{"id":7,"date":"2016-07-13T00:06:27","date_gmt":"2016-07-13T00:06:27","guid":{"rendered":"http:\/\/lorenrisker.com\/blog\/?p=7"},"modified":"2016-07-13T01:19:04","modified_gmt":"2016-07-13T01:19:04","slug":"widescreen-video-isnt-for-everyone","status":"publish","type":"post","link":"http:\/\/lorenrisker.com\/blog\/widescreen-video-isnt-for-everyone\/","title":{"rendered":"Widescreen video isn&#8217;t for everyone"},"content":{"rendered":"<p>Did you know you can embed a video of nearly any size\/aspect ratio on your blog using YouTube?<\/p>\n<p>The YouTube player and app strongly favors videos that are published in the 16:9 widescreen aspect ratio.<\/p>\n<p>But that doesn&rsquo;t mean you can&rsquo;t upload arbitrary resolutions and embed them nicely.<\/p>\n<p>I wanted to test the limits so I cropped a video clip to a handful of resolutions to see what would happen, then embedded them in a player that matched the video resolution size.<\/p>\n<p>(video samples are from the <a href=\"http:\/\/t.umblr.com\/redirect?z=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D_uzINOH9i-w&amp;t=MGM1ODZhZjI3ZTdkOGE0NTY1MDg1M2M1MTYzNGE4ODBmYWJlZGQxYixkWGtaZ0FWUQ%3D%3D\">lyrically immature and musically genius song by Sonny and the Sunsets)<\/a><\/p>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/wN20hxjU0XY\" width=\"560\"><\/iframe><br \/>The standard 16&#215;9<\/p>\n<hr \/>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/iA16AJIjom0\" width=\"420\"><\/iframe><br \/>The old 4:3 broadcast standard<\/p>\n<hr \/>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"300\" src=\"https:\/\/www.youtube.com\/embed\/X3zYO283RLk\" width=\"900\"><\/iframe><\/p>\n<p>A ratio like this works great for flashy headers<\/p>\n<hr \/>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"800\" src=\"https:\/\/www.youtube.com\/embed\/y4bWt1N_8tU\" width=\"800\"><\/iframe><br \/>Keep in mind that as long as you keep the ratio, the video can be any size. <br \/> Here&rsquo;s the same video link embedded quarter of the size:<\/p>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"200\" src=\"https:\/\/www.youtube.com\/embed\/y4bWt1N_8tU\" width=\"200\"><\/iframe><\/p>\n<hr \/>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"900\" src=\"https:\/\/www.youtube.com\/embed\/YLYFbtV1xL0\" width=\"400\"><\/iframe><\/p>\n<p>I could imagine this as sort of a poster\/billboard signage with lots of text mized with some images.<\/p>\n<hr \/>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"20\" src=\"https:\/\/www.youtube.com\/embed\/uX0_Gs2NiEQ\" width=\"800\"><\/iframe>Unfortunately if you don&rsquo;t leave room for the player controls it can look ugly and be hard to play.<\/p>\n<p><iframe loading=\"lazy\" frameborder=\"0\" height=\"800\" src=\"https:\/\/www.youtube.com\/embed\/xcYDa6bzFs8\" width=\"40\"><\/iframe><br \/>Interestingly I couldn&rsquo;t get anything narrower than 40 pixels to finish processing, although I never got a specific error. So it seems that there may be a hard limit of around 40 pixels for the width, probably to fit the play button. Anyway, not sure why you&rsquo;d want this ridiculous size but who knows?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know you can embed a video of nearly any size\/aspect ratio on your blog using YouTube? The YouTube player and app strongly favors videos that are published in the 16:9 widescreen aspect ratio. But that doesn&rsquo;t mean you can&rsquo;t upload arbitrary resolutions and embed them nicely. I wanted to test the limits so [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[2,3],"tags":[],"class_list":["post-7","post","type-post","status-publish","format-standard","hentry","category-embed","category-social-video"],"_links":{"self":[{"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":19,"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/posts\/7\/revisions\/19"}],"wp:attachment":[{"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lorenrisker.com\/blog\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}