El método Video canPlayType() se usa para verificar si el navegador puede reproducir el tipo de video especificado o no . El método Video canPlayType devuelve una string que representa el nivel de soporte.
Sintaxis:
videoObject.canPlayType(type)
Valores paramétricos:
- type : especifica el tipo de video (y los códecs opcionales) para probar la compatibilidad.
Devolución: el método Video canPlayType() generalmente devuelve uno de los siguientes valores:
- «probablemente»: significa que este tipo de video probablemente sea compatible con el navegador.
- “tal vez”: significa que el navegador podría admitir este tipo de video.
- “” (string vacía): significa que el navegador no admite este tipo de video.
El siguiente programa ilustra el método Video canPlayType() :
Ejemplo: Verificar si un navegador puede reproducir diferentes tipos de video o no.
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM Video canPlayType( ) Method
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Video canPlayType() Method
</h2>
<br>
<p>
Does the browser support playing OGG videos? <span>
<button ondblclick=
"My_Video(event, 'video/ogg', 'theora, vorbis')"
type="button">Check</button>
</span></p>
<p>Does the browser support playing MP4 videos? <span>
<button ondblclick=
"My_Video(event, 'video/mp4', 'avc1.42E01E, mp4a.40.2')"
type="button">Check</button>
</span></p>
<script>
function My_Video(e, vidType, codType) {
var v = document.createElement("Video");
isSupp =
v.canPlayType(vidType + ';codecs="'
+ codType + '"');
if (isSupp == "") {
isSupp = "No";
}
e.target.parentNode.innerHTML =
"Compatilibility : " + isSupp;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | El método DOM Video canPlayType( ) se enumeran a continuación:
- Google Chrome 3 y superior
- Borde 12 y superior
- Internet Explorer 9 y superior
- Firefox 3.5 y superior
- Ópera 12.1 y superior
- Apple Safari 4 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA