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

Question

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

Answer 1

Esto siguiente enlace se explica cómo:

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

Answer 2

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 3

respuesta de Alex Polo no es malo, pero incompleta probar esto para comprobar si el códec está apoyado también:

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

Igualmente para ogg, webm, etc. . También funciona con audio :)

Answer 4

Tengo que verificar si el video html5 se muestra, 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 lista JS:

$(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();  
    } 
}