獲取並設定HTML5 Video的當前進度

2021-06-29 06:41:35 字數 433 閱讀 5990

// 

console.log(video.currenttime); // 25.431747

video.currenttime = 0; // restart
api 介面很容易理解,而且是自解釋的(self-explanatory)。你仍然需要處理「second」來指定時間,包括內在實際的和外在顯示的(both inward and outward),但是秒(second)這個單位和你預期的一樣公平,所以說這個api設計是非常巧妙的。

示例可以參考 小公尺空氣淨化器的演示頁面:

此外,蘋果官網的演示也採用這樣的控制模式。

原文日期: 2023年03月16日

翻譯日期: 2023年03月21日

翻譯人員: 鐵錨

HTML5 video 事件應用示例

1 獲取 時間長度程式設計客棧 當 載入video後,使用 onloadedmetadata 事件獲取 的時間長度。複製 如下 video.onloadedmetadata function 2 當前 的 進度 當 開始 時,可以使用 ontimeupdate 事件獲取 當前 的進度。當video物...

HTML5 Video和audio的使用

檢查瀏覽器是否支援vedio為例 我全部在google的瀏覽器上執行的 vedio的屬性 屬性 值 描述 如果使用 autoplay 則忽略該屬性。主流瀏覽器支援的vedio的方法和事件 方法 屬性 事件 play currentsrc play pause currenttime pause lo...

HTML5 video標籤支援情況分析

瀏覽器能解析html5標準的video標籤。首先,要解答這個問題,請先看問題1。看過問題1,我們知道安卓 裝置和瀏覽器做了些矯正和強制判斷,許多問題需要case by case去解決。裝置和瀏覽器 現象 解決方案 小公尺1 小公尺2 miui v5系統 矯正為使用html5 三星系列,主要是note...