{"id":1,"date":"2024-12-06T14:33:25","date_gmt":"2024-12-06T14:33:25","guid":{"rendered":"https:\/\/blog.ruedt.ch\/?p=1"},"modified":"2025-03-01T10:33:13","modified_gmt":"2025-03-01T10:33:13","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/blog.ruedt.ch\/?p=1","title":{"rendered":"Vertikale YouTube-Videos im Hochformat-Player auf der Webseite einbetten"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Obwohl dank den Shorts auch auf YouTube immer mehr Videos im Hochformat (9:16) ver\u00f6ffentlich werden, sieht der Einbettungscode, den die Videoplattform anbietet, nur einen Querformat-Player vor (16:9). Das sieht dann so aus:\u00a0<\/p>\n\n\n\n<div align=\"center\"><iframe loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/QxxbLD8ksvY\" title=\"YouTube video player\" width=\"560\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Das Video hat rechts und links einen Rand, weil das Seitenverh\u00e4ltnis von Player zu Video nicht stimmt. Diese Seitenverh\u00e4ltnis ist beim Einbettungscode am Anfang bei&nbsp;<strong>width=&#8220;560&#8243; height=&#8220;315&#8243;<\/strong>&nbsp;definiert:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.blogger.com\/blog\/post\/edit\/156458609084431326\/5452376271187456669#\"><img decoding=\"async\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEi__US1h6J-KxflIj1EfYxGfrbfELI-8jRHg-iy86233FPX5qq5-zU8RdQu5Ho1ciM0teo0kMn0EYOpfh2hNGX6pRGlNxKwysYs7Glta6zLRI6Z8pSej57oLdA4Ku4n6cTf4kVV-fOBY_SLN3LbfWHiqP7H8ykkflhXcVWnT2Yi9Oba3eCDtx0qMg\/s320\/width.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn man diese beiden Werte vertauscht, also&nbsp;<strong>width=&#8220;315&#8243; height=&#8220;560&#8243;<\/strong>, wird auch der Player vertikal dargestellt und das Video hat keine unn\u00f6tigen R\u00e4nder auf der Seite:&nbsp;<\/p>\n\n\n\n<div style=\"text-align: center;\"><iframe loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"560\" src=\"https:\/\/www.youtube.com\/embed\/QxxbLD8ksvY\" title=\"YouTube video player\" width=\"315\"><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Obwohl dank den Shorts auch auf YouTube immer mehr Videos im Hochformat (9:16) ver\u00f6ffentlich werden, sieht der Einbettungscode, den die Videoplattform anbietet, nur einen Querformat-Player vor (16:9). Das sieht dann so aus:\u00a0 Das Video hat rechts und links einen Rand, weil das Seitenverh\u00e4ltnis von Player zu Video nicht stimmt. Diese Seitenverh\u00e4ltnis ist beim Einbettungscode am [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,4],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-video","category-webtools"],"_links":{"self":[{"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":2,"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ruedt.ch\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}