Question

我刚开始使用html5＆amp;合。（不是一个血腥的初学者，但已经有一段时间......）我需要一些建议来创建我的项目。

设置：我有一个24小时的视频，应该在html网站上全屏显示（仅限离线使用）。如果您打开html文件，视频应自动从相应的视频位置开始 - 同步到系统时间（例如：视频时间线上的1.30am = 1.30h）。

在线示例可能是24hoursofhappy网站，如果您打开它，视频将从同步的系统时间位置开始。

你可以帮帮我吗？我不知道如何实现这个目标：/

Answer 1

您可以将currentTime属性设置为跳转到视频中所需的部分：

返回当前播放位置，以秒为单位。

可以设置，以寻找给定的时间。

例如，此视频将从第二个30开始：

＆＃13;

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

＆＃13;

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

＆＃13;

在您的情况下，您将有一个24小时的视频，因此您需要根据一天中的时间计算位置（并记住currentTime在几秒钟内工作）。反正应该很容易;这样的事情应该做：

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