將視頻位置與系統時間同步

Question

我剛開始使用html5 & co。 （不是血腥的初學者，但已經有一段時間了..），我需要一些建議來創建我的項目。

設置：我有一個24小時的視頻，應該以全屏顯示在html網站上（僅限離線使用）。 如果打開html文件，視頻應自動從相應的視頻位置開始 - 與系統時間同步（例如：視頻 - 時間線中的1.30am = 1.30h）。

一個在線示例可能是24hoursofhappy網站，如果您打開它，視頻將從同步的系統時間位置開始。

你們能幫我嗎？我不知道如何來實現這一目標：/

Answer 1

您可以設置currentTime屬性跳轉到您在視頻所需的部分：

返回當前的播放位置，單位爲秒。

可以設置，尋找到給定的時間。

例如，該視頻將開始第二個30：

var v = document.getElementById("myvideo"); 
 
v.currentTime = 30; 
 
v.play();

<video id="myvideo" src="http://media.w3.org/2010/05/sintel/trailer.mp4" width="320" controls loop></video>

在你的情況，你將有一個24小時的視頻，所以你需要根據當天的時間計算位置（並記住currentTime以秒爲單位）。無論如何，它應該很容易;像這樣的事情應該這樣做：

var d = new Date(); 
var v = document.getElementById("myvideo"); 
v.currentTime = d.getHours() * 3600 + d.getMinutes() * 60 + d.getSeconds(); 
v.play();