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

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

时间:2017-09-19 17:11酷播
检测video/audio支持的资源格式情况的函数代码,可以调用canPlayType方法来进行检查,具体如下

检测video/audio支持的资源格式情况的函数代码,可以调用canPlayType方法来进行检查,具体如下:

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


要注意的是,canPlayType的返回值并不是布尔类型,而是字符串,取值有以下几种:

    "probably":浏览器完全支持此格式
    "maybe":浏览器可能支持此格式
    "":空串,表示不支持

热门文章推荐

请稍候...

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

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