根据时间重定向

时间:2015-06-30 20:05:24

标签: javascript jquery html redirect

是否可以根据视频播放的特定时间弹出javascript以重定向到某个链接?

例如:

如果客户退出页面并且视频正在播放0 - 0.5秒,则重定向链接1。

如果客户退出页面并且视频播放时间为0.51 - 1秒,则重定向链接2.

如果是这样,您能提供资源或示例吗?

修改

基本上我试图创建2个不同的退出弹出窗口。当页面加载时视频将自动播放,并且取决于客户离开页面的时间将决定触发哪个退出弹出窗口。

1 个答案:

答案 0 :(得分:0)

触发视频的按钮也会触发计时器。示例:

$('a.introVid').click(function () {
    autoPlayVideo('XGSy3_Czz8k', '420', '345');
});

function autoPlayVideo(vcode, width, height) {
    first = true;
    startTime();
    "use strict";
    $("#videoContainer").html('<iframe width="' + width + '" height="' + height + '" src="https://www.youtube.com/embed/' + vcode + '?autoplay=1&loop=1&rel=0&wmode=transparent" frameborder="0" allowfullscreen wmode="Opaque"></iframe>');
}

var h1,m1,s1 = 0;
var first = true;
function startTime() {
    var today=new Date();
    h=today.getHours();
    m=today.getMinutes();
    s=today.getSeconds();
    if (first)
    {
        h1 = h;
        m1 = m;
        s1 = s;
        first = false;
    }
    h -= h1;
    m -= m1;
    s -= s1;
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
    var t = setTimeout(function(){startTime()},500);
}

function checkTime(i) {
    if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}

http://jsfiddle.net/byLa2cxf/