reproductor - ¿Cómo verificar si el navegador puede reproducir mp4 a través de la etiqueta de video html5?

insertar video en html5

Question

¿Cómo verificar si el navegador puede reproducir mp4 a través de la etiqueta de video html5?

Answer 1

Debo verificar si se muestra el video html5, para ocultar mi botón personal y reproducir el audio en ie7 y ie8. Mi solución se muestra a continuación.

Mi html:

<div id="contenitore_video" style="position:absolute;top:0;left:0;">
<video id="cont_video" autoplay onFocus="this.blur();" width="100%" height="100%" >
<source src="video/xxx.mp4" type="video/mp4" />
<source src="video/xxx.theora.ogv" type="video/ogg" />
<div id="sfondo_ridimensionato" >
<img src="img/sfondo_home1.jpg" >
</div>
</video>
</div>
...
<div id="controlli_video" style="position:absolute; top:10px;right:25px; height:50px; text-align:right;">
<a class="video_play" onFocus="this.blur();" style="display:none;" href="javascript:void(0)" onClick="controlla_video(1)">Play</a> ...
</div

Mi JS listo:

$(document).ready(function(){
//controllo se il video funziona o si vede il video alternativo
// var numero = $(''#sfondo_ridimensionato:hidden'').length;
// alert(numero);
if($(''#sfondo_ridimensionato:hidden'').length == 0){
$(''#controlli_video'').hide();
}
}

Answer 2

Este siguiente enlace explica cómo:

http://diveintohtml5.info/detect.html#video-formats

Answer 3

Esto podría ayudarte:

<script type="text/javascript">''.
var canPlay = false;
var v = document.createElement(''video'');
if(v.canPlayType && v.canPlayType(''video/mp4'').replace(/no/, '''')) {
canPlay = true;
}
alert(canPlay);
</script>

Answer 4

La respuesta de Alex Polo no está nada mal, pero está incompleta. Prueba esto para comprobar si el códec también es compatible:

var mp4Supported = (!!document.createElement(''video'').canPlayType(''video/mp4; codecs=avc1.42E01E,mp4a.40.2''));

Del mismo modo para ogg, webm y demás ... También funciona con audio :)