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

[html5]html5视频音频API说明

时间:2017-02-06 11:11酷播
[html5]html5视频音频API说明

[html5]html5视频音频API说明

  1. video和audio属性: 
  2.     Autoplay    视频就绪自动播放 
  3.     controls    向用户显示播放控件 
  4.     Width       设置播放器宽度             //audio没有 
  5.     Height      设置播放器高度         //audio没有 
  6.     Loop        播放完是否继续播放该视频,循环播放 
  7.     Preload     属性描述了在页面加载后是否预加载音视频; 
  8.                 如果设置了 autoplay 属性,则忽略该属性; 
  9.                 属性值: 
  10.                     none:不执行预加载也不执行元数据 
  11.                     mete:加载元数据(不加预载视频,但要获取视频时长等等属性) 
  12.                     auto:默认值(预加载或缓冲) 
  13.     Src         视频url地址 
  14.     Poster      加载等待的画面图片 
  15.  
  16.  
  17. Video  API方法 
  18.     play() 
  19.     pause() 
  20.     load() 
  21.     全屏:   webkit    element.webkitRequestFullScreen(); 
  22.             Firefox    element.mozRequestFullScreen(); 
  23.             W3C        element.requestFullscreen(); 
  24.     退出全屏: 
  25.             webkit    document.webkitCancelFullScreen();  
  26.             Firefox    document.mozCancelFullScreen();  
  27.             W3C       document.exitFullscreen(); 
  28.  
  29.  
  30. Video  API属性 
  31.     currentTime  :  开始到播放现在所用的时间 
  32.     duration  :  媒体总时间(只读) 
  33.     volume  :   0.0-1.0的音量相对值 
  34.     muted  :   是否静音 false /true 
  35.     paused  :   媒体是否暂停(只读) 
  36.     ended   :   媒体是否播放完毕(只读) 
  37.     error   :  媒体发生错误的时候,返回错误代码 (只读) 
  38.     currentSrc  :   以字符串的形式返回媒体地址(只读) 
  39.  
  40.             loadstart progress suspend emptied stalled play pause loadedmetadata                                    loadeddata waiting playing canplay canplaythrough seeking seeked  
  41.             timeupdate ended ratechange durationchange volumechange 
  42.  
  43.  
  44. HTML5支持的音频格式: 
  45.  
  46.     Ogg        免费   支持的浏览器:C、F、O 
  47.     MP3        收费   支持的浏览器: I、C、S 
  48.     Wav        收费   支持的浏览器: F、O、S 
  49.  
  50.  
  51.     audio   属性   
  52.         autoplay    自动播放 
  53.         controls    向用户显示播放控件 
  54.         loop        循环 
  55.         preload 是否等加载完再播放 
  56.         src     要播放的音频的 URL。 

 

相关推荐html5在线课堂专栏(含基础课程/视频教学/html5免费视频教学/html5教语法)

热门文章推荐

请稍候...

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

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