suchen

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

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

WBOY
WBOYOriginal
2016-05-16 15:49:373204Durchsuche

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:



HTML 5 Video< ;/ h1>

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









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“

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：IE10 Error.stack macht das Skript-Debuggen bequemer und schneller._HTML5-Tutorial-TippsNächster Artikel：IE10 Error.stack macht das Skript-Debuggen bequemer und schneller._HTML5-Tutorial-Tipps

In Verbindung stehende Artikel

Mehr sehen