{"id":1115,"date":"2006-08-03T14:44:59","date_gmt":"2006-08-03T12:44:59","guid":{"rendered":"http:\/\/textundblog.de\/?p=1115"},"modified":"2006-08-17T14:29:43","modified_gmt":"2006-08-17T12:29:43","slug":"valider-xhtml-code-zur-videoeinbindung","status":"publish","type":"post","link":"https:\/\/textundblog.de\/?p=1115","title":{"rendered":"Valider XHTML-Code zur Videoeinbindung"},"content":{"rendered":"<p>Wer Videos von YouTube &#038; Co in seine Webseiten einbaut, macht die Erfahrung, da\u00df der auf den Videohostingseiten daf\u00fcr vorgesehene Quellcode, den man per \u00abCopy &#038; Paste\u00bb zu sich r\u00fcberzieht, nicht standardkonform ist.<br \/>\nNach Einbau dieses Codes validieren die Seiten beim <a href=\"http:\/\/validator.w3.org\/check?uri=http%3A%2F%2Ftextundblog.de%2F\">Markup Validation Service  des W3C<\/a> nicht mehr. Daf\u00fcr hatte ich zwar vor einigen Wochen eine L\u00f6sung bei <a href=\"http:\/\/www.wildbits.de\/2006\/04\/02\/youtube-xhtml\/\">Wildbits<\/a> entdeckt, war aber noch nicht ganz zufrieden.<\/p>\n<p>Denn der bei Wildbits vorgestellte Code validiert zwar auf den W3C-Seiten, aber in der Firefox-Extension <a href=\"http:\/\/users.skynet.be\/mgueury\/mozilla\/\">HTML-Tidy<\/a> (die diese Validierung automatisch bei allen aufgerufenen Seiten \u00fcberpr\u00fcft und mittels gr\u00fcnem H\u00e4kchen in der Statusleiste unten rechts die korrekte Validierung anzeigt &#8211; sehr empfehlenswert! -), wird immer noch ein Fehler angezeigt:<\/p>\n<blockquote><p>Warnung: discarding unexpected &lt;\/param&gt;<\/p><\/blockquote>\n<p>Mit Hilfe meines Kollegen Henning Manske bin ich nun auf die L\u00f6sung gekommen (Danke, Henning, f\u00fcr den entscheidenden Tipp, da\u00df es am nicht korrekt geschlossenen param-Tag lag &#8211; worauf ich ja durch die eindeutige Fehleranzeige im HTML-Tidy selbst h\u00e4tte kommen k\u00f6nnen \ud83d\ude09 ).<br \/>\nW\u00e4hlt man diesen XHTML-Code (und ersetzt nat\u00fcrlich www.youtube.com\/v\/DEINE_VIDEO_ID durch die tats\u00e4chliche Video-Adresse), klappt&#8217;s auch mit der korrekten Einbindung:<\/p>\n<blockquote><p>\n<code>&lt;object type=\"application\/x-shockwave-flash\" style=\"width:425px; height:350px\" data=\"http:\/\/www.youtube.com\/v\/DEINE_VIDEO_ID\"&gt;&lt;param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/DEINE_VIDEO_ID\" \/&gt;&lt;\/object&gt;<br \/>\n<\/code>\n<\/p><\/blockquote>\n<p>Und hier der Code zum Kopieren: Reinklicken, und \u00abStrg c\u00bb tippen: <\/p>\n<p>\t<input onfocus=\"this.select()\" value=\"&lt;object type=&quot;application\/x-shockwave-flash&quot; style=&quot;width:425px; height:350px&quot; data=&quot;http:\/\/www.youtube.com\/v\/DEINE_VIDEO_ID&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http:\/\/www.youtube.com\/v\/DEINE_VIDEO_ID&quot; \/&gt;&lt;\/object&gt;\" class=\"textbox\" style=\"width: 350px; font-size: 7pt;\" type=\"text\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer Videos von YouTube &#038; Co in seine Webseiten einbaut, macht die Erfahrung, da\u00df der auf den Videohostingseiten daf\u00fcr vorgesehene Quellcode, den man per \u00abCopy &#038; Paste\u00bb zu sich r\u00fcberzieht, nicht standardkonform ist. Nach Einbau dieses Codes validieren die Seiten beim Markup Validation Service des W3C nicht mehr. Daf\u00fcr hatte ich zwar vor einigen Wochen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18,13],"tags":[],"class_list":["post-1115","post","type-post","status-publish","format-standard","hentry","category-video","category-webdesign"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4uzZ-hZ","jetpack-related-posts":[{"id":862,"url":"https:\/\/textundblog.de\/?p=862","url_meta":{"origin":1115,"position":0},"title":"CSS Tweak r\u00e4umt Stylesheets auf","author":"Markus","date":"17\/3\/2006","format":false,"excerpt":"CSS Tweak ist ein praktisches Online-Tool, mit dem man seine CSS-Dateien aufr\u00e4umen und vor allem kleiner machen kann. Sehr praktisch. Erst validieren beim CSS-validator des W3C und anschlie\u00dfend in der Gr\u00f6\u00dfe reduzieren mit CSS Tweak. Hat bei mir die Dateigr\u00f6\u00dfe des Stylesheets von \u00abText & Blog\u00bb um stolze 16 %\u2026","rel":"","context":"In &quot;Internet&quot;","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1521,"url":"https:\/\/textundblog.de\/?p=1521","url_meta":{"origin":1115,"position":1},"title":"Showb\u00fchne und Quellcode-Korrektur","author":"Markus","date":"25\/3\/2007","format":false,"excerpt":"I got my name in lights with notcelebrity.co.uk Update: habe die lustige Animation nun auf stumm geschaltet, da der flotte Trommelwirbel beim Neuladen der Seite ein bisschen nervig ist. Ich liebe ja solche Spielereien, Frau Indica und Frau creezy \u00fcbrigens auch ;-). Was mir aber gar nicht gef\u00e4llt, ist, dass\u2026","rel":"","context":"In &quot;Internet&quot;","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":898,"url":"https:\/\/textundblog.de\/?p=898","url_meta":{"origin":1115,"position":2},"title":"Webstandards (nicht nur) f\u00fcr Entscheider","author":"Markus","date":"10\/4\/2006","format":false,"excerpt":"Auf den Punkt gebrachte Wahrheiten zu einem f\u00fcr viele unklaren Thema: \u00abWebstandards f\u00fcr Entscheider\u00bb. Oliver Schwarz kl\u00e4rt leicht verst\u00e4ndlich auf, was die Einhaltung von Webstandards bringt und was nicht. Die Ber\u00fccksichtigung von Webstandards findet w\u00e4hrend der Programmierung von HTML-Seiten (oder des Markup) statt. Es bedeutet nichts weiter, als da\u00df der\u2026","rel":"","context":"In &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":562,"url":"https:\/\/textundblog.de\/?p=562","url_meta":{"origin":1115,"position":3},"title":"Sprachdeklaration in Webdokumenten","author":"Markus","date":"6\/9\/2005","format":false,"excerpt":"Es kursieren viele Fehlinformationen dar\u00fcber, wie, wann und wo man die nat\u00fcrliche Sprache \u2013 oder mehrere Sprachen wenn n\u00f6tig \u2013 in HTML- und XHTML-Dokumenten deklarieren sollte. Zum Gl\u00fcck kann man bei der GEO-Arbeitsgruppe des W3C im Detail nachlesen, wie dieser Schritt zu erledigen ist. \u00bbWie man die Sprache in HTML\u2026","rel":"","context":"In &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":302,"url":"https:\/\/textundblog.de\/?p=302","url_meta":{"origin":1115,"position":4},"title":"Dritte Betaversion von Opera 8","author":"Markus","date":"17\/3\/2005","format":false,"excerpt":"Eine neue Beta-Version von Opera 8 ist erschienen und unterst\u00fctzt das W3C-Vektorformat SVG 1.1 Tiny: Mit einer neuen Beta-Version von Opera 8 unterst\u00fctzt der Browser nun auch das Vektorformat SVG 1.1 Tiny, womit Opera nach eigenen Angaben der erste Browser ist, der diese W3C-Entwicklung unterst\u00fctzt. Die aktuelle Beta steht derzeit\u2026","rel":"","context":"In &quot;Internet&quot;","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"Opera","src":".\/wp-content\/opera.png","width":350,"height":200},"classes":[]},{"id":363,"url":"https:\/\/textundblog.de\/?p=363","url_meta":{"origin":1115,"position":5},"title":"Vorteile von png","author":"Markus","date":"17\/5\/2005","format":false,"excerpt":"minid.net hat sein Blog-Design auf das Graphikformat png umgestellt und erl\u00e4utert die Vorteile gegen\u00fcber .gif und .jpg. En espa\u00f1ol, \u00a1por supuesto! : PNG es est\u00e1ndar, libre de patentes y est\u00e1 recomendado por el W3C. Parece que cada cosa que se le adosa el t\u00e9rmino W3C se convierte en \"soso\" pero\u2026","rel":"","context":"In &quot;Internet&quot;","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1115"}],"version-history":[{"count":0,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1115\/revisions"}],"wp:attachment":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}