{"id":711,"date":"2020-12-10T16:39:03","date_gmt":"2020-12-10T16:39:03","guid":{"rendered":"http:\/\/mp4gain.com\/de\/audio-video\/?p=711"},"modified":"2020-12-10T16:39:03","modified_gmt":"2020-12-10T16:39:03","slug":"video-auf-ihrer-website","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/de\/audio-video\/video\/video-auf-ihrer-website\/","title":{"rendered":"Video auf Ihrer Website"},"content":{"rendered":"

Video auf Ihrer Website<\/strong><\/p>\n

\"HTML5<\/p>\n

Jeder, der YouTube.com in den letzten vier Jahren besucht hat, wei\u00df, dass es m\u00f6glich ist, ein Video auf einer Webseite einzubetten.<\/p>\n

\"HTML5<\/p>\n

Vor HTML5 gab es keine Standardmethode. Tats\u00e4chlich wurde jedes Video, das Sie im Internet gesehen haben, \u00fcber Plugins von Drittanbietern wie QuickTime, RealPlayer oder Flash hinzugef\u00fcgt (was YouTube verwendet). Diese Add-Ons sind ziemlich gut in den Browser integriert, sodass Sie m\u00f6glicherweise nicht einmal wissen, dass Sie sie verwenden. Dies ist jedoch so lange, bis Sie versuchen, ein Video auf einer Plattform ohne Plugin-Unterst\u00fctzung anzusehen.<\/p>\n

HTML5 definiert eine Standardmethode zum Einf\u00fcgen von Videos in eine Webseite mithilfe des <video> -Elements. Die Unterst\u00fctzung f\u00fcr <video> entwickelt sich weiter und dies ist eine h\u00f6fliche Art zu sagen, dass es noch nicht funktioniert, zumindest nicht \u00fcberall. Aber verzweifle nicht! Es gibt alternative M\u00f6glichkeiten zum Hinzuf\u00fcgen und im \u00dcberfluss.<\/p>\n

<video> -Unterst\u00fctzung ist nur ein kleiner Teil des Problems. Bevor Sie \u00fcber HTML5-Videos sprechen, m\u00fcssen Sie zun\u00e4chst das Video selbst verstehen.<\/p>\n

Videocontainer
\nSie k\u00f6nnen sich Videodateien als “AVI” oder “MP4” vorstellen. Eigentlich sind “AVI” und “MP4” nur Dateiformate. Wie bei einer ZIP-Datei, in der jede Datei gespeichert werden kann, definieren die Videoformate den Speicher und nicht die Daten. Eigentlich sind die Dinge etwas komplizierter, da das Video-Streaming nicht immer Containerformate unterst\u00fctzt, aber dies ist noch nicht wichtig.<\/p>\n

Eine Videodatei enth\u00e4lt im Allgemeinen mehrere Spuren: eine Videospur (kein Audio) sowie eine oder mehrere Audiospuren (kein Video). Die Spuren sind normalerweise miteinander verbunden, die Audiospur enth\u00e4lt Markierungen, um das Audio mit dem Video zu synchronisieren. Zus\u00e4tzliche Spuren k\u00f6nnen Metadaten wie das Seitenverh\u00e4ltnis des Videos oder die Sprache der Audiospur enthalten. Container k\u00f6nnen auch Metadaten wie den Titel des Videos selbst, das Cover, die Episodennummer (f\u00fcr die TV-Serie) usw. enthalten.<\/p>\n

Es gibt viele Videocontainerformate, diese geh\u00f6ren zu den beliebtesten.<\/p>\n

MPEG-4, normalerweise mit mp4- oder m4v-Erweiterung. MPEG-4 basiert auf dem alten Apple QuickTime-Container (mov-Dateien). Die Filmtrailer auf Apples Website verwenden weiterhin den alten Container, die Filme in iTunes sind jedoch im MPEG-4-Containerformat erh\u00e4ltlich.
\nOgg, normalerweise mit der Erweiterung ogv. Ogg ist ein Open-Source-Open-Source-Standard f\u00fcr Benutzer, der frei von Patenten ist. Die Browser Firefox 3.5, Chrome 4 und Opera 10.5 bieten integrierte Unterst\u00fctzung ohne spezielle Plugins: Ogg-Container, Ogg-Video (“Theora” genannt) und Ogg-Audio (“Vorbis”). Ogg ist mit allen g\u00e4ngigen Linux-Distributionen kompatibel und kann auch auf Mac und Windows verwendet werden, indem QuickTime-Komponenten bzw. DirectShow-Filter installiert werden. Player VLC spielt Ogg-Dateien auf jeder Plattform perfekt ab.
\nFlash-Video, normalerweise mit der Erweiterung flv. F\u00fcr Flash-Videos wird Adobe Flash verwendet, was nicht \u00fcberraschend ist. Vor Flash 9.0.60.184 (auch als Flash Player 9 Update 3 bekannt) wurde nur das Flash-Archiv unterst\u00fctzt. Sp\u00e4tere Versionen unterst\u00fctzen auch den MPEG-4-Container.
\nWebM, normalerweise mit der Erweiterung webm. Es ist ein offener, patentfreier Standard, der speziell f\u00fcr die Verwendung mit HTML5-Videos entwickelt wurde und mit dem VP8-Videocodec und dem Vorbis-Audiocodec erweitert wurde. Technisch \u00e4hnlich einem anderen Format namens Matroska. Wird nativ ohne separate Plugins in den neuesten Versionen von Google Chrome, Mozilla Firefox und Opera unterst\u00fctzt.
\nASF, normalerweise mit der Erweiterung .asf. Das ASF-Containerformat wurde von Microsoft f\u00fcr das Streaming von Videos erfunden. Es enthielt ein sch\u00f6nes DRM-Schema, das Benutzer daran hinderte, ihre legal erworbenen Lizenzen zu sichern. Wenn Sie aus irgendeinem Grund die Lizenz f\u00fcr den Inhalt verloren haben, hatten Sie das Gef\u00fchl, dass Sie ihn erneut kaufen m\u00fcssen.
\nAudio- und Video-Interleaving, normalerweise mit der avi-Erweiterung. Das AVI-Containerformat wurde von Microsoft zu einer Zeit erfunden, als es als \u00fcberraschend angesehen wurde, dass Computer Videos abspielen konnten. Funktionen aktueller Dateiformate wie Metadaten werden offiziell nicht unterst\u00fctzt. Au\u00dferdem wird dieses Format von den meisten verwendeten modernen Video- und Audio-Codecs nicht offiziell unterst\u00fctzt. Dies ist das Standardformat f\u00fcr g\u00e4ngige Encoder wie MEncoder.
\nVideo-Codecs
\nWenn Sie \u00fcber das “Ansehen eines Videos” sprechen, handelt es sich wahrscheinlich um eine Kombination aus einem Videostream und einem Audiostream. Aber Sie haben nicht zwei verschiedene Dateien, Sie haben ein “Video”. Es kann sich um eine AVI-Datei oder eine MP4-Datei handeln, bei der es sich lediglich um ein Containerformat wie eine ZIP-Datei handelt, die verschiedene Dateitypen enth\u00e4lt.<\/p>\n","protected":false},"excerpt":{"rendered":"

Video auf Ihrer Website Jeder, der YouTube.com in den letzten vier Jahren besucht hat, wei\u00df, dass es m\u00f6glich ist, ein Video auf einer Webseite einzubetten. Vor HTML5 gab es keine Standardmethode. Tats\u00e4chlich wurde jedes Video, das Sie im Internet gesehen haben, \u00fcber Plugins von Drittanbietern wie QuickTime, RealPlayer oder Flash hinzugef\u00fcgt (was YouTube verwendet). Diese … Continue reading “Video auf Ihrer Website”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[13212,13231,13221,13220,13223,13224,13242,13243,13244,13241,13251,13211,13218,13219,13215,13213,13216,13214,13217,13240,13228,13229,13230,13222,13250,13227,13239,13248,13245,13247,13246,13249,13225,13226,13232,13237,13234,13233,13236,13235,13238],"class_list":["post-711","post","type-post","status-publish","format-standard","hentry","category-video","tag-eine-html5-videodatei","tag-hat-firefox-html5-video","tag-html5-video-nicht-automatisch-abspielen","tag-html5-video-nicht-vorladen","tag-html5-video-tag-stream","tag-html5-video-unterstutzt-wmv","tag-html5-video-wird-angehalten","tag-html5-video-wird-nicht-abgespielt","tag-html5-video-wird-nicht-ausgefuhrt-konig-in-safari","tag-html5-video-wird-nicht-in-chrome-abgespielt","tag-html5-video-wird-nicht-in-firefox-spielen","tag-ist-eine-html5-videodatei","tag-kann-html5-video-sein","tag-kann-ich-html5-video-verwenden","tag-kann-kein-html5-video-abfeuern","tag-kann-kein-html5-video-abspielen","tag-kann-kein-html5-video-ansehen","tag-kann-kein-html5-video-chrome-abspielen","tag-kann-keine-html5-video-oper-abspielen-t-html5-video-in-ie-11-abspielen","tag-m4v-ist-html5-video","tag-unterstutzt-chrome-html5-video","tag-unterstutzt-safari-html5-video","tag-verwendet-youtube-html5-video","tag-video-do-html5","tag-warum-html5-video-funktioniert-nicht","tag-was-bedeutet-html5-video-nicht-gefunden","tag-was-html5-video-ist-datei-nicht-gefunden","tag-was-ist-fehlercode-html5-video-4","tag-was-ist-html5-video","tag-was-ist-ssl-html5-video","tag-was-ist-youtube-html5-video-player","tag-welcher-browser-unterstutzt-html5-video","tag-wie-funktioniert-html5-video","tag-wie-funktioniert-html5-video-streaming","tag-wie-funktioniert-html5-video-zu-html5-video","tag-wie-man-html5-video-auf-chrome-abspielt","tag-wie-man-html5-video-chrome-herunterladt","tag-wie-man-html5-video-herunterladt","tag-wie-man-html5-video-macht","tag-wie-man-html5-video-schneller-ladt","tag-wie-man-html5-video-von-der-website-herunterladt"],"_links":{"self":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/comments?post=711"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/711\/revisions"}],"predecessor-version":[{"id":712,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/711\/revisions\/712"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/media?parent=711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/categories?post=711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/tags?post=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}