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 :)