[html5]检测video/audio支持的资源格式情况的函数代码
检测video/audio支持的资源格式情况的函数代码,可以调用canPlayType方法来进行检查,具体如下
检测video/audio支持的资源格式情况的函数代码,可以调用canPlayType方法来进行检查,具体如下:
- function support_video_ogg(){
- var elem = document.createElement('video');
- return elem.canPlayType('video/ogg; codecs="theora"');
- }
- function support_video_h264(){
- var elem = document.createElement('video');
- return elem.canPlayType('video/mp4; codecs="avc1.42E01E"');
- }
- function support_video_webm(){
- var elem = document.createElement('video');
- return elem.canPlayType('video/webm; codecs="vp8, vorbis"');
- }
- function support_audio_ogg(){
- var elem = document.createElement('audio');
- return elem.canPlayType('audio/ogg; codecs="vorbis"');
- }
- function support_audio_mp3(){
- var elem = document.createElement('audio');
- return elem.canPlayType('audio/mpeg;');
- }
- function support_audio_wav(){
- var elem = document.createElement('wav');
- return elem.canPlayType('audio/wav; codecs="1"');
- }
要注意的是,canPlayType的返回值并不是布尔类型,而是字符串,取值有以下几种:
"probably":浏览器完全支持此格式
"maybe":浏览器可能支持此格式
"":空串,表示不支持
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...