Wie macht das HTML5-Video-Tag die Notwendigkeit für Plug-Ins. Was macht das Video-Tag zusätzlich zu den zuvor verwendeten Tags wie Embed und Object, die ein Plugin überflüssig machen?
Bitte erläutern Sie ausführlich.Videoelement in HTML5
Antwort
Wie funktioniert der HTML5-Video-Tag erübrigt Plugins
Browser, die HTML5-Player unterstützen haben die Fähigkeit, die Standard-oder eingebauten Spieler zu angezeigt, wenn <video>
-Tag.
Was macht der Video-Tag zusätzlich zu den zuvor verwendeten Tags wie einbetten und Objekt, das ein Plugin benötigt entfernt?
Das Tagmacht keine anderen/alten Tags, aber es bietet Ihnen eine Option für den Fallback. Wenn ein Browser HTML5 nicht unterstützt, greift er auf alte Methoden wie <embed>
, <object>
zurück. Hier ein Beispiel:
<video controls
preload="none" width="590" height="320"
data-setup="{}">
<source src="Real_Media.theora.ogv" type='video/ogg'>
<!-- fallback for older browsers -->
<object width="590" height="320">
<param name="movie" value="http://www.youtube.com/v/Z7pAr39ZnhA&hl=en_US&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Z7pAr39ZnhA&hl=en_US&&autoplay=1;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="590" height="320" wmode="transparent"></embed>
</object>
</video>
Wie Sie sehen können, wir <object>
Tag innerhalb <video>
Tag angegeben haben. Es ist zwar optional, Sie müssen es jedoch für Browser angeben, die HTML5 nicht unterstützen. Wenn im obigen Fall ein Browser HTML5 unterstützt, wird das Tagverwendet und das Tag <object>
wird ignoriert und umgekehrt.
Für umfassende Informationen über HTML5-Video, werfen Sie einen Blick auf:
Der von Ihnen gesendete Link besagt, dass "der Browser die erste Videodatei auswählen wird, die tatsächlich abgespielt werden kann". Was ist dann die Rolle von html5? Der Browser kann Videos abspielen, die er unterstützt. Was macht html5? – Ashwin
@Ashwin du hast Recht, '
Ein wenig gotcha auf Video und IE9. Ein Client hat das .mp4-Video bereitgestellt. Wir haben es auf einer Website mit den .ogg-Optionen und dem Flash-Objekt Fallback für Nicht-HTML-5 funktioniert. Alles war gut und dandy und funktioniert wunderbar unter XP vollständig auf den neuesten IE aktualisiert. Also gut. Chrom fein. Firefox gut. Tabletten gut. Die Website sah gut aus.
Dann hatten wir eine Beschwerde - das Video wurde nicht angezeigt. Jemand, der Windows 7 und IE verwendet, kann das Video nicht sehen.
Es stellte sich heraus, dass der Client die .mp4 nicht als H.264-Format-Video codiert hatte und unser vollständig aktualisiertes XP-System nur IE8 (WinXP hatte keinen IE9) und einen eleganten Rückfall in Flash. Chrome war in Ordnung mit .mp4, FF mit .ogg. Aber es stellt sich heraus IE9 war das Lesen des Tags, aber nicht in der Lage, die .mp4-Datei zu lesen - also kein Fallback auf den Flash, nur das rote Kreuz. Die Lösung bestand darin, das .mp4 (Miro verwendet) neu zu codieren, so dass es den richtigen Codec hatte.
Die Moral ist, wenn im Zweifel auf IE9, überprüfen Sie die. MP4-Datei wurde in das richtige Format codiert.
Werfen Sie einen Blick auf: http://html5media.info/ eine eine Zeile umfassen .js <video>
und <audio>
-Tags in allen gängigen Browsern und Telefone zu unterstützen:
nicht sicher, dass diese Frage so tief ist, wie Sie denken. HTML5 ist nur eine Browserspezifikation. Das bedeutet, dass die Browser einen Videoplayer nativ als Alternative zu denen verschiedener Hersteller wie Quicktime, Flash usw. implementieren. – McGarnagle
@dbaseman: okay ..das wollte ich wissen. Sie benutzen also immer noch Plugins, aber nur, dass sie nativ im Browser enthalten sind und mit html5 kompatibel sind, oder? – Ashwin
Ich denke nicht, dass das richtig ist. Ein "Plugin" wird von einer dritten Partei unter Verwendung einer API erstellt, die die Hersteller der Browser-Anwendung bereitstellen. Wenn Sie HTML5 auf der Seite platzieren, ist kein Plugin erforderlich (mit Ausnahme von Fallbacks nach Sarfraz), sondern der Browser soll ein Video nativ rendern, genauso wie sie andere HTML-Tags darstellen würden. – McGarnagle