获取媒体信息（例如持续时间、当前播放位置） (获取媒体信息失败)

HTML5 媒体播放器提供了多种方法来获取有关媒体播放的信息，例如持续时间、当前播放位置和播放状态。

获取持续时间

要获取媒体的持续时间，可以使用 duration 属性。该属性以秒为单位返回媒体的总持续时间。

    var video = document.getElementById("myVideo");var duration = video.duration;

获取当前播放位置

要获取媒体的当前播放位置，可以使用 currentTime 属性。该属性以秒为单位返回媒体的当前播放位置。

    var video = document.getElementById("myVideo");var currentTime = video.currentTime;

获取播放状态

要获取媒体的播放状态，可以使用 paused 属性。

    var video = document.getElementById("myVideo");var paused = video.paused;

paused 属性返回一个布尔值，指示媒体是否已暂停。如果媒体已暂停，则 paused 属性为 True ；否则为 false 。

获取缓冲进度

要获取媒体的缓冲进度，可以使用 buffered 属性。该属性返回一个 TimeRanges 对象，其中包含媒体已缓冲的范围。

    var video = document.getElementById("myVideo");var buffered = video.buffered;

buffered 属性是一个数组，其中包含表示已缓冲范围的对象。每个对象都有 start 和 end 属性，分别表示缓冲范围的开始和结束。

使用事件监听器

您还可以使用事件监听器来侦听媒体播放中的事件。例如，您可以使用 timeupdate 事件监听器来侦听媒体的当前播放位置。

    var video = document.getElementById("myVideo");video.addEventListener("timeupdate", function() {// 在这里处理时间更新事件});

timeupdate 事件监听器在每次更改媒体的当前播放位置时触发。事件处理函数接收一个 Event 对象作为参数，其中包含有关事件的信息。

获取元数据

还可以使用 loadstart 和 loadedmetaData 事件监听器来获取媒体的元数据。

loadstart 事件监听器在媒体开始加载时触发。事件处理函数接收一个 Event 对象作为参数，其中包含有关事件的信息。

    var video = document.getElementById("myVideo");video.addEventListener("loadstart", function() {// 在这里处理加载开始事件});

---

---

相关标签： 例如持续时间、 当前播放位置、 获取媒体信息失败、 获取媒体信息、

上一篇：响应媒体事件例如播放完成播放错误媒体查询

下一篇：控制播放播放暂停停止快进快退播放控制的控