यह जांचने के लिए कि क्या ब्राउज़र html5 वीडियो टैग के माध्यम से mp4 चला सकता है?

Question

यह जांचने के लिए कि क्या ब्राउज़र html5 वीडियो टैग के माध्यम से mp4 चला सकता है?

Answer 1

यह नीचे दिए गए लिंक बताते हैं कि कैसे:

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

Answer 2

यह आपकी मदद कर सकता है:

<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

एलेक्स पोलो जबाब बुरा नहीं है, लेकिन अधूरा अगर कोडेक भी समर्थित है यह कोशिश की जाँच करने के लिए:

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

इसी तरह ogg, webm और इतने पर के लिए

.. ऑडियो के साथ भी काम करता है :)

Answer 4

मुझे यह जांचना है कि एचटीएमएल 5 वीडियो अस्वीकार किया गया है या नहीं, मेरा व्यक्तिगत बटन यानी 7 और i8 में ऑडियो बंद करने के लिए छिपाने के लिए। मेरा समाधान नीचे दिखाया गया है।

मेरे एचटीएमएल:

<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 

मेरे जे एस तैयार:

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