獲取HTML5視訊時長的方法
阿新 • • 發佈：2019-01-27
HTML5是令人興奮的，單從我們再也不需要Flash和其它第三方瀏覽器外掛播放視訊這一點上說就已經足夠了。 在
HTML5視訊上我們可以自定義播放控制和現實效果，我們還可以線上獲取視訊的各種資訊，比如今天要說的如果獲取視訊時長資訊。
JavaScript程式碼
video元素有一個duration屬性，它表示的是視訊時長的秒數，在頁面上為了能更友好的顯示時間，我們還需要對這些秒數進行格式化，需要使用到parseInt 和餘數操作 (%):
// 假設 "video" 就是這個視訊元素
var i = setInterval(function() {
if(video.readyState > 0) {
var minutes = parseInt(video.duration / 60, 10);
var seconds = video.duration % 60;
// (Put the minutes and seconds in the display)
clearInterval(i);
}
}, 200);
需要說明的一點是，我們需要使用setInterval來檢查視訊的readyState是否有效，如果視訊還沒有載入成功，我們就去獲取這個值，得到的數值就會有問題。parseInt是用來獲取分鐘數，餘數操作時用來獲取秒數。
JavaScript程式碼
video元素有一個duration屬性，它表示的是視訊時長的秒數，在頁面上為了能更友好的顯示時間，我們還需要對這些秒數進行格式化，需要使用到parseInt 和餘數操作 (%):
// 假設 "video" 就是這個視訊元素
var i = setInterval(function() {
if(video.readyState > 0) {
var minutes = parseInt(video.duration / 60, 10);
var seconds = video.duration % 60;
// (Put the minutes and seconds in the display)
clearInterval(i);
}
}, 200);
需要說明的一點是，我們需要使用setInterval來檢查視訊的readyState是否有效，如果視訊還沒有載入成功，我們就去獲取這個值，得到的數值就會有問題。parseInt是用來獲取分鐘數，餘數操作時用來獲取秒數。