2015-06-30 3 views
-2

Возможно ли, чтобы выход javascript выходил, чтобы перенаправить на определенную ссылку в зависимости от определенного времени воспроизведения видео?Переадресация на основе времени

Например:

Если клиент покидает страницу и видео воспроизведения 0 - 0,5 секунды, перенаправлять связи 1.

Если клиент покидает страницу и видео играет 0,51 - 1 секунду , перенаправить ссылку 2.

Если да, можете ли вы предоставить ресурсы или примеры, пожалуйста?

EDIT

В основном я пытаюсь создать 2 разных хлопков выхода. Видео будет автоматически воспроизводиться при загрузке страницы и в зависимости от того, когда пользователь покинет страницу, будет определено, какой выход выйдет для запуска.

+0

Пытались ли вы что-нибудь? –

+1

привязать счетчик времени к кнопке воспроизведения, возможно ... смотреть на мышь в направлении адресной панели или проверить, не потеряет ли окно фокус ... smth вот так. – AbeCodes

+0

Я даже не знаю, что сказать. это так непонятно. @abeCodes имеет лучшее решение imo. Когда вы нажимаете кнопку воспроизведения, переключается счетчик (в случае паузы), который продолжает работать. Но вам нужно также учитывать, что когда человек хочет перезапустить видео, здесь так много переменных, что вам нужно придумать свои процессы. Нет, у меня нет примеров, в которых вы нашли Google. – Dorvalla

ответ

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/

Смежные вопросы