Kommentar: HTML5 bietet den Standard für die Anzeige von Videos. Wie kann ich also überprüfen, ob Ihr Browser die Video -Wiedergabe unterstützt? Lassen Sie uns ein kleines Beispiel mit Ihnen teilen. Interessierte Freunde können darüber lernen.
<strong> Immer mehr Websites bieten jetzt Video-Wiedergabe (Nicht-Plug-Ins). HTML5 bietet den Standard für die Präsentation von Videos. Wie kann ich also überprüfen, ob Ihr Browser die Video -Wiedergabe unterstützt? Schreiben wir unten eine Spalte. </Strong>
<! DocType html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<body>
<h1> html 5 Video </h1>
<p> Erkennung, ob Ihr Browser HTML5 -Videos unterstützt: </p>
<div>
<taste> check </button>
</div>
</div>
</body>
</html>
Das Folgende ist der JS -Code:
Funktion checkvideo ()
{
if (!! document.createelement ('Video'). CanPlayType)
{
// Videoelement erstellen
var vidtest = document.createelement ("Video");
// Erkennung, ob es möglich ist, Videos im OGG -Format abzuspielen
oggTest = vidTest.canPlayType ('Video/ogg; codecs = "theora, vorbis"');
if (! oggtest)
{
// Erkennung, ob das MP4 -Formatvideo abgespielt werden kann
H264Test = vidTest.canPlayType ('Video/mp4; codecs = "avc1.42e01e, mp4a.40.2"');
if (! H264Test)
{
document.getElementById ("checkvideoresult"). Innerhtml = "Sorry. Keine Videounterstützung."
}
anders
{
if (h264Test == "wahrscheinlich")
{
document.getElementById ("checkvideoresult"). Innerhtml = "Ja! Vollständige Unterstützung!";
}
anders
{
document.getElementById ("checkvideoresult"). Innerhtml = "Nun. Einige Unterstützung.";
}
}
}
anders
{
if (oggtest == "wahrscheinlich")
{
document.getElementById ("checkvideoresult"). Innerhtml = "Ja! Vollständige Unterstützung!";
}
anders
{
document.getElementById ("checkvideoresult"). Innerhtml = "Nun. Einige Unterstützung.";
}
}
}
anders
{
document.getElementById ("checkvideoresult"). Innerhtml = "Sorry. Keine Videounterstützung."
}
}
CanPlayType -Methode Beschreibung:
1. Definition: Erkennen Sie, ob der Browser den angegebenen Audio-/Videotyp abspielen kann.
2. Rückgabewert:
"Wahrscheinlich" bedeutet, dass der Browser das Video oder Audio am wahrscheinlichsten unterstützt.
"Vielleicht" bedeutet, dass der Browser das Video oder Audio unterstützt.
"" (leere Zeichenfolge) bedeutet, dass der Browser das Video oder Audio nicht unterstützt.
Hinweis: Internet Explorer 8 und frühere Versionen unterstützen diese Methode nicht.
Syntax: Audio | Video.CanplayType (Typ))
Parameterbeschreibung:
Typ: Die Art des Audio- oder Videos zu erkunden,
Häufig verwendete Werte: Video/ogg; Video/MP4; Video/Webm; Audio/MPEG; Audio/Ogg; Audio/MP4
Gemeinsame Werte (einschließlich der zu erkennenden Audio- oder Video -Codec):
Video/ogg; Codecs = "Theora, Vorbis"
Video/MP4; Codecs = "AVC1.4D401E, MP4A.40.2"
Video/Webm; Codecs = "VP8.0, Vorbis"
Audio/Ogg; Codecs = "Vorbis"
Audio/MP4; Codecs = "MP4A.40.5"