Commentaire: HTML5 fournit la norme pour afficher des vidéos. Alors, comment vérifier si votre navigateur prend en charge la lecture vidéo? Partageons un petit exemple avec vous. Les amis intéressés peuvent en savoir plus.
<strong> De plus en plus de sites Web offrent désormais une lecture vidéo (non-plug-ins). HTML5 fournit la norme pour présenter des vidéos. Alors, comment vérifier si votre navigateur prend en charge la lecture vidéo? Écrivons une colonne ci-dessous. </strong>
<! Doctype html public "- // w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<body>
<h1> HTML 5 VIDÉO </H1>
<p> Détection si votre navigateur prend en charge les vidéos HTML5: </p>
<div>
<fontificateur> Vérifier </futch>
</div>
</div>
</docy>
</html>
Ce qui suit est le code JS:
fonction CheckVideo ()
{
if (!! Document.CreateElement ('VIDEO'). CanPlayType)
{
// Créer un élément vidéo
var vidTest = document.CreateElement ("vidéo");
// Détection s'il est possible de lire des vidéos au format ogg
oggTest = vidTest.canPlayType ('vidéo / ogg; codecs = "theora, vorbis"');
if (! oggtest)
{
// Détection si la vidéo de format MP4 peut être lue
h264test = vidTest.canPlayType ('vidéo / mp4; codecs = "avc1.42e01e, MP4A.40.2"');
if (! h264test)
{
document.getElementById ("CheckVideoRoSult"). innerhtml = "Désolé. Pas de support vidéo."
}
autre
{
if (h264test == "probablement")
{
document.getElementById ("CheckVideoRoSult"). innerhtml = "Oui! Support complet!";
}
autre
{
document.getElementById ("CheckVideoRoSult"). innerhtml = "bien. Un certain support.";
}
}
}
autre
{
if (oggTest == "probablement")
{
document.getElementById ("CheckVideoRoSult"). innerhtml = "Oui! Support complet!";
}
autre
{
document.getElementById ("CheckVideoRoSult"). innerhtml = "bien. Un certain support.";
}
}
}
autre
{
document.getElementById ("CheckVideoRoSult"). innerhtml = "Désolé. Pas de support vidéo."
}
}
Description de la méthode CanPlayType:
1. Définition: détecter si le navigateur peut lire le type audio / vidéo spécifié.
2. Valeur de retour:
"Probablement" signifie 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.
"" (String vide), signifie 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 | vidéo.canPlayType (type))
Description du paramètre:
Type: le type d'audio ou de vidéo à détecter,
Valeurs couramment utilisées: vidéo / ogg; vidéo / mp4; vidéo / webm; Audio / MPEG; Audio / ogg; Audio / MP4
Valeurs communes (y compris le codec audio ou vidéo à détecter):
vidéo / ogg; codecs = "theora, vorbis"
vidéo / mp4; Codecs = "AVC1.4D401E, MP4A.40.2"
vidéo / webm; codecs = "vp8.0, vorbis"
Audio / ogg; codecs = "vorbis"
Audio / MP4; codecs = "MP4A.40.5"