Cách kiểm tra xem trình duyệt có thể phát mp4 qua thẻ video html5 không?

Question

Cách kiểm tra xem trình duyệt có thể phát mp4 qua thẻ video html5 không?

Answer 1

đường dẫn sau này giải thích cách:

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

Answer 2

Điều này có thể giúp bạn:

<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

trả lời Alex Polo không phải là xấu nhưng không đầy đủ thử này để kiểm tra nếu các codec được hỗ trợ quá:

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

Tương tự như vậy đối với ogg, webm, v.v .. Hoạt động với âm thanh quá :)

Answer 4

Tôi phải kiểm tra xem video html5 có bị loại bỏ hay không, để ẩn nút cá nhân của tôi để phát và tắt âm thanh trong ie7 và ie8. Giải pháp của tôi được hiển thị bên dưới.

html của tôi:

<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 

My JS sẵn sàng:

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