·您当前的位置:首页 > 技术教程 > 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. function support_video_h264(){ 
  6.     var elem = document.createElement('video'); 
  7.     return elem.canPlayType('video/mp4; codecs="avc1.42E01E"'); 
  8. function support_video_webm(){ 
  9.     var elem = document.createElement('video'); 
  10.     return elem.canPlayType('video/webm; codecs="vp8, vorbis"'); 
  11.  
  12. function support_audio_ogg(){ 
  13.     var elem = document.createElement('audio'); 
  14.     return elem.canPlayType('audio/ogg; codecs="vorbis"'); 
  15. function support_audio_mp3(){ 
  16.     var elem = document.createElement('audio'); 
  17.     return elem.canPlayType('audio/mpeg;'); 
  18. function support_audio_wav(){ 
  19.     var elem = document.createElement('wav'); 
  20.     return elem.canPlayType('audio/wav; codecs="1"'); 


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

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

热门文章推荐

请稍候...

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

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