这个问题听起来很奇怪,但这是我想要实现的目标:
我有一个24小时长的视频,应该在网站上循环播放。当访问者访问该网站时,该视频应在当前时间开始播放。假设访问者在12:12:13开始观看视频,该视频也应该在12:12:13开始。
我知道如何使用Vimeo在特定时间开始嵌入视频,并且使用了以下代码:
<iframe src="https://player.vimeo.com/video/255693796?autoplay=1&muted=1&background=1#t=12:12:13&color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
带有时间的位是#t = 12:12:13
如何更改为始终显示当前时间而不是示例时间12:12:13?
–
我正在使用下面的javascript在页面底部显示时间,所以如果我只知道如何将其包含在Vimeo视频网址中,那么这将起作用...
<div id="time"></div>
<script type="text/javascript">
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
t = setTimeout(function () {
startTime()
}, 500);
}
startTime();
</script>
我试图只包含<div id="time"></div>
而不是12:12:13 –当然,这没有用...
关于如何解决此问题的任何想法?