2015-03-07 3 views
1

Как он мог появиться на 5-й секунде видео HTML5, исключая время загрузки буфера? Я попытался с CURRENTTIME, но я ничего не могу показать ...функция для видео HTML5

<video id="video1"><source src="url" type="video/mp4" /></video> 

Большое спасибо заранее

+0

обеспечить надлежащее ** src **. – Dane

+0

Что значит, вы ничего не можете отобразить? покажите нам, что вы пробовали. –

+0

Я хочу запустить функцию javascript, которая является счетчиком (я поставил здесь предупреждение для удобства) и хочу появиться на видео 5-й секунды. Но не считая времени, необходимого для воспроизведения видео, так что setTimeout, setInterval ... не стоит ... –

ответ

0

Я думаю, что с помощью setInterval или setTimeout является плохо идея, потому что пользователь может, например, , приостановите видео или буферизуете видео ... так что это не точный способ делать то, что вы ищете.

Вместо этого, вы можете использовать timeupdate событие для проверки currentTime вашего видео, как это:

$(function(){ 

    var video = $('#video1')[0], current_time = 0, alert_showed = false; 

    video.addEventListener('timeupdate', function(){ 
     current_time = Math.floor(video.currentTime); 
     if(current_time == 5 && !alert_showed){ 
      alert_showed = true; 
      alert('text here : ' + current_time); 
     } 
    }) 

}) 

Вы можете увидеть рабочий пример этого кода here.

Надеюсь, что это поможет.

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