recherche

Maison >interface Web >Tutoriel H5 >Détection de prise en charge vidéo HTML5 (vérifiez si le navigateur prend en charge la lecture vidéo)_Compétences du didacticiel HTML5

Détection de prise en charge vidéo HTML5 (vérifiez si le navigateur prend en charge la lecture vidéo)_Compétences du didacticiel HTML5

WBOY
WBOYoriginal
2016-05-16 15:49:373225parcourir

Copiez le code
Le code est le suivant :

De plus en plus de sites Web ont maintenant Fournit la lecture vidéo (pas de plug-in). HTML5 fournit une norme pour l'affichage de vidéos. Alors, comment vérifier si votre navigateur prend en charge la lecture vidéo ? Écrivons un exemple ci-dessous.


Copier le code
Le code est le suivant :



;/ h1>

Vérifiez si votre navigateur prend en charge les vidéos HTML5 :









Ce qui suit est le code js :


Copier le codeLe code est le suivant :
function checkVideo()
{
if(!!document .createElement('video ').canPlayType)
{
//Créer un élément vidéo
var vidTest=document.createElement("video");
//Détecter si la vidéo au format ogg peut être lu
oggTest= vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
if (!oggTest)
{
//Détecter si les vidéos au format MP4 peuvent être lu
h264Test=vidTest .canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
if (!h264Test)
{
document.getElementById(" checkVideoResult").innerHTML="Désolé. Pas de support vidéo."
}
else
{
if (h264Test=="probablement")
{
document.getElementById(" checkVideoResult").innerHTML="Oui ! Prise en charge totale !";
}
else
{
document.getElementById("checkVideoResult").innerHTML="Eh bien. >}
}
}
else
{
if (oggTest=="probablement")
{
document.getElementById("checkVideoResult").innerHTML="Oui ! Support complet!";
}
else
{
document.getElementById("checkVideoResult").innerHTML="Eh bien. Un peu de support.";
}
}
}
else
{
document.getElementById("checkVideoResult").innerHTML="Désolé. Pas de support vidéo."
}
}




Copier le codeLe code est le suivant :
Description de la méthode canPlayType :
1. : Vérifiez si le navigateur peut lire le type audio/vidéo spécifié.
2. Valeur de retour :
"probablement", indiquant que le navigateur est le plus susceptible de prendre en charge la vidéo ou l'audio.
"peut-être" signifie que le navigateur peut prendre en charge la vidéo ou l'audio.
"" (chaîne vide), indiquant que le navigateur ne prend pas en charge la vidéo ou l'audio.
Remarque : Internet Explorer 8 et les versions antérieures ne prennent pas en charge cette méthode.
Syntaxe : audio|video.canPlayType(type))
Description du paramètre :
type : le type d'audio ou de vidéo à détecter,
Valeurs communes : video/ogg; webm ; audio/mpeg;audio/ogg;audio/mp4
Valeurs communes (y compris le codec audio ou vidéo à détecter) :
video/ogg; mp4 ; codecs="avc1.4D401E, mp4a.40.2"
vidéo/webm; codecs="vp8.0, vorbis"
audio/ogg; "mp4a.40.5"

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：IE10 Error.stack rend le débogage des scripts plus pratique et plus rapide_html5 conseils du didacticielArticle suivant：IE10 Error.stack rend le débogage des scripts plus pratique et plus rapide_html5 conseils du didacticiel

Articles Liés

Voir plus