interface Web
Tutoriel H5
Code pour détecter si le navigateur prend en charge les compétences du didacticiel html5 video_html5
Code pour détecter si le navigateur prend en charge les compétences du didacticiel html5 video_html5
May 16, 2016 pm 03:49 PMLorsque j'apprenais le HTML5 sur http://www.w3school.com.cn, j'ai vu une méthode pour détecter si votre navigateur prend en charge les vidéos HTML5 :
Effet de fonctionnement :
1. Exécuter dans EditPlus
2. Exécuter dans le navigateur Chrome
=============================================== === ========
Partie code :
=============================================== === ========
<!DUCTYPE HTML>
<html>
<script type="text/javascript">
function checkVideo()
{
if(! !document.createElement(' video').canPlayType)
{
var vidTest=document.createElement("video");
oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
if (!oggTest)
{
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 complète !";
}
else
{
document.getElementById("checkVideoResult ").innerHTML=" Eh bien. Un peu de soutien.";
}
}
}
else
{
if (oggTest=="probablement")
{
document.getElementById( "checkVideoResult").innerHTML="Oui ! Prise en charge complète !";
}
else
{
document.getElementById("checkVideoResult").innerHTML="Eh bien. Un peu de support.";
}
}
}
else
{
document.getElementById("checkVideoResult").innerHTML="Désolé, pas de support vidéo."
}
}
</script>
<body>
<p>Vérifiez si votre navigateur prend en charge la vidéo HTML5 : </p>
<div id="checkVideoResult " style=" margin:10px 0 0 0; border:0; padding:0;">
<bouton onclick="checkVideo()" style="font-family:Arial, Helvetica, sans-serif; ">Vérifier< ;/bouton>
</div>
</body>
</html>
Article chaud
Outils chauds Tags
Article chaud
Tags d'article chaud
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Sesame Open Door Site officiel Sesame Open Door application Dernier site Web entrant
Feb 28, 2025 am 11:18 AM
Sesame Open Door Site officiel Sesame Open Door application Dernier site Web entrant
La dernière version de l'entrée du site officiel de la porte ouverte Sesame Gate.io Entrée de l'adresse du lien du site Web officiel
Feb 28, 2025 am 11:21 AM
La dernière version de l'entrée du site officiel de la porte ouverte Sesame Gate.io Entrée de l'adresse du lien du site Web officiel
Gate.io Sesame Doad Download Chinois Tutoriel
Feb 28, 2025 am 10:54 AM
Gate.io Sesame Doad Download Chinois Tutoriel
Sesame Open Door Exchange Site Web OFFICIEL GATE.IO EXCHANGE ENTRÉE DE SITE WEB OFFICIEL
Feb 28, 2025 am 10:45 AM
Sesame Open Door Exchange Site Web OFFICIEL GATE.IO EXCHANGE ENTRÉE DE SITE WEB OFFICIEL
Où télécharger l'application jubi.com
Mar 05, 2025 pm 09:06 PM
Où télécharger l'application jubi.com
