将视频位置与系统时间同步

Question

我刚开始和html5 & co合作。(不是一个血腥的初学者，但已经有一段时间了..)我需要一些关于创建我的项目的建议。

设置:我有一个24小时的视频，这应该是在一个html网站全屏显示(脱机使用)。如果您打开html文件，视频将自动从相应的视频位置开始-与系统时间同步(例如:视频时间线中的1.30am = 1.30h )。

一个在线的例子可能是24小时的快乐网站，如果你打开它，视频会从同步的系统时间位置开始。

你们能帮帮我吗？我不知道如何做到这一点:/

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();