如何在当前时间开始播放长达24小时的视频?

时间:2018-12-05 17:02:23

标签: vimeo

这个问题听起来很奇怪,但这是我想要实现的目标:

我有一个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 –当然,这没有用...

关于如何解决此问题的任何想法?

0 个答案:

没有答案