11、JavaScript API 实现媒体元素控制与自定义播放器

JavaScript API 实现媒体元素控制与自定义播放器

1. 浏览器对 @seekable IDL 属性的支持情况

不同浏览器对 @seekable IDL 属性的支持存在差异。Firefox 和 Opera 似乎尚未实现对该属性的支持，而 Chrome、Safari 和 IE 支持该属性，并且在媒体资源的元数据加载完成后，会将媒体资源的整个时长报告为可Seek范围。对于 Firefox 和 Opera，可以简单假设加载的媒体资源从 @startTime = 0 到 @duration 是可Seek的。

2. API 中的控制方法

2.1 load() 方法

load() 方法用于重新启动媒体资源的选择和加载过程。当在媒体元素上执行该方法时，会暂停媒体资源的所有活动（包括资源选择、加载、Seek和播放），停止所有网络活动，重置元素（包括移除待处理的回调和事件）。

典型的成功加载过程如下：
1. 初始化 ：
- @networkState 设置为 NETWORK_EMPTY 。
- @readyState 设置为 HAVE_NOTHING 。
- @paused 设置为 true 。
- @seeking 设置为