以秒為單位獲取視頻的第一個播放范圍(部分):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 played 屬性使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<button onclick="getFirstPlayedRange()" type="button">獲得視頻中以秒計的首段已播放的范圍</button>
<br>
<video id="video1" controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 HTML5 video 標簽。
</video>
<script>
myVid=document.getElementById("video1");
function getFirstPlayedRange()
{
alert("Start: " + myVid.played.start(0) + " End: " + myVid.played.end(0));
}
</script>
</body>
</html>測試看看 ?/?播放的屬性返回一個TimeRanges對象。
TimeRanges對象表示用戶已經(jīng)播放(看到)的音頻/視頻范圍。
播放范圍是播放音頻/視頻的時間范圍。如果用戶跳過音頻/視頻,則會獲得多個播放范圍。
注意:此屬性是只讀的
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 played 屬性。
注意:Internet Explorer 8 及之前的版本不支持該屬性。
audio|video.played
| 類型 | 描述 |
|---|---|
| TimeRanges 對象 | 表示音頻/視頻的已播范圍。 TimeRanges 對象的屬性:
注釋:第一段已播范圍的下標 index 是 0。 |