Maison >
Article > interface Web > 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
WBOYoriginal
2016-05-16 15:49:373204parcourir
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