·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]检测video/audio支持的资源格式情况

时间:2017-10-16 15:00酷播
[html5]检测video/audio支持的资源格式情况

可以调用canPlayType方法来进行检查:

  1. function support_video_ogg(){ 
  2.     var elem = document.createElement('video'); 
  3.     return elem.canPlayType('video/ogg; codecs="theora"'); 
  4. } 
  5. function support_video_h264(){ 
  6.     var elem = document.createElement('video'); 
  7.     return elem.canPlayType('video/mp4; codecs="avc1.42E01E"'); 
  8. } 
  9. function support_video_webm(){ 
  10.     var elem = document.createElement('video'); 
  11.     return elem.canPlayType('video/webm; codecs="vp8, vorbis"'); 
  12. } 
  13.  
  14. function support_audio_ogg(){ 
  15.     var elem = document.createElement('audio'); 
  16.     return elem.canPlayType('audio/ogg; codecs="vorbis"'); 
  17. } 
  18. function support_audio_mp3(){ 
  19.     var elem = document.createElement('audio'); 
  20.     return elem.canPlayType('audio/mpeg;'); 
  21. } 
  22. function support_audio_wav(){ 
  23.     var elem = document.createElement('wav'); 
  24.     return elem.canPlayType('audio/wav; codecs="1"'); 
  25. } 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器