Erkennung der HTML5-Videounterstützung (überprüfen Sie, ob der Browser die Videowiedergabe unterstützt)_HTML5-Tutorial-Fähigkeiten

Kopieren Sie den Code

Der Code lautet wie folgt:

Immer mehr Websites Bietet jetzt Videowiedergabe (kein Plug-In). HTML5 bietet einen Standard für die Anzeige von Videos. Wie können Sie also überprüfen, ob Ihr Browser die Videowiedergabe unterstützt?

Code kopieren

Der Code lautet wie folgt:

gt ;

HTML 5 Video< ;/ h1>

Überprüfen Sie, ob Ihr Browser HTML5-Videos unterstützt:

Check

Das Folgende ist der js-Code:

Code kopierenDer Code lautet wie folgt:

function checkVideo()

{
if(!!document .createElement('video ').canPlayType)
{
//Videoelement erstellen
var vidTest=document.createElement("video");
//Erkennen Sie, ob das Video im ogg-Format vorliegen kann abgespielt werden
oggTest= vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
if (!oggTest)
{
//Erkennen, ob Videos im MP4-Format abgespielt werden können abgespielt werden
h264Test=vidTest .canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
if (!h264Test)
{
document.getElementById(" checkVideoResult").innerHTML="Leider keine Videounterstützung."
}
else
{
if (h264Test=="wahrscheinlich")
{
document.getElementById(" checkVideoResult").innerHTML="Ja! Volle Unterstützung!";
}
else
{
document.getElementById("checkVideoResult").innerHTML="Na ja >}
}
}
else
{
if (oggTest=="wahrscheinlich")
{
document.getElementById("checkVideoResult").innerHTML="Ja ! Volle Unterstützung! >}
else
{
document.getElementById("checkVideoResult").innerHTML="Leider. Keine Videounterstützung."
}
}







Code kopieren


Der Code lautet wie folgt:

canPlayType-Methodenbeschreibung:

1 : Überprüfen Sie, ob der Browser den angegebenen Audio-/Videotyp abspielen kann.

2. Rückgabewert: „wahrscheinlich“, was angibt, dass der Browser das Video oder Audio höchstwahrscheinlich unterstützt. „vielleicht“ bedeutet, dass der Browser das Video oder Audio möglicherweise unterstützt. "" (leerer String), der angibt, 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(type))

Parameterbeschreibung:

Typ: der zu erkennende Audio- oder Videotyp,
Gemeinsame Werte: video/ogg/video/; webm ; audio/mpeg;audio/ogg;audio/mp4
Gemeinsame Werte (einschließlich des zu erkennenden Audio- oder Videocodecs):
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“