HTML5Audio/Video全解（Media对象方法和属性）

• 获取HTMLVideoElement和HTMLAudioElement对象

1. //audio可以直接通过new创建对象  
2. Media = new Audio("http://www.abc.com/test.mp3");  
3. //audio和video都可以通过标签获取对象  
4. Media = document.getElementById("media");  

• Media方法和属性——HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMediaElement

1. 1. //错误状态  
   2. Media.error; //null:正常  
   3. Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效  
   4.   
   5. //网络状态  
   6. Media.currentSrc; //返回当前资源的URL  
   7. Media.src = value; //返回或设置当前资源的URL  
   8. Media.canPlayType(type); //是否能播放某种格式的资源  
   9. Media.networkState; //0.此元素未初始化  1.正常但没有使用网络  2.正在下载数据  3.没有找到资源  
   10. Media.load(); //重新加载src指定的资源  
   11. Media.buffered; //返回已缓冲区域，TimeRanges  
   12. Media.preload; //none:不预载 metadata:预载资源信息 auto:  
   13.   
   14. //准备状态  
   15. Media.readyState;   //1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA  
   16. Media.seeking; //是否正在seeking  
   17.   
   18. //回放状态  
   19. Media.currentTime = value; //当前播放的位置，赋值可改变位置  
   20. Media.startTime; //一般为0，如果为流媒体或者不从0开始的资源，则不为0  
   21. Media.duration; //当前资源长度 流返回无限  
   22. Media.paused; //是否暂停  
   23. Media.defaultPlaybackRate = value;//默认的回放速度，可以设置  
   24. Media.playbackRate = value;//当前播放速度，设置后马上改变  
   25. Media.played; //返回已经播放的区域，TimeRanges，关于此对象见下文  
   26. Media.seekable; //返回可以seek的区域 TimeRanges  
   27. Media.ended;    //是否结束  
   28. Media.autoPlay; //是否自动播放  
   29. Media.loop; //是否循环播放  
   30. Media.play();   //播放  
   31. Media.pause();  //暂停//控制  
   32. Media.controls;//是否有默认控制条  
   33. Media.volume = value; //音量  
   34. Media.muted = value; //静音  
   35.   
   36. //TimeRanges(区域)对象  
   37. TimeRanges.length; //区域段数  
   38. TimeRanges.start(index) //第index段区域的开始位置  
   39. TimeRanges.end(index) //第index段区域的结束位置
       

转载于:https://www.cnblogs.com/zhaoq/p/5061034.html