11、JavaScript API 中的媒体元素控制与事件处理

JavaScript API 中的媒体元素控制与事件处理

1. @seekable IDL 属性支持情况

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

2. API 中的控制方法

2.1 load() 方法

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

典型的成功 load() 场景步骤如下：
1. 初始化 ：
- @networkState 设置为 NETWORK_EMPTY 。
- @readyState 设置为 HAVE_NOTHING 。
- @paused 设置为 true 。
- @seeking