2013-04-02 2 views
0

Теперь это может показаться глупым вопросом, но в отношении видео html5 можно ли показывать видеоплакат после того, как вы перейдете от страницы?
Пример: у меня есть страница JQM, в которой есть html-видео, с прикрепленным к нему плакатом. Когда я уйду со страницы, у меня есть небольшой скрипт, который устанавливает время воспроизведения обратно в 0, и приостанавливает воспроизведениеHTML5 Опция видео

<script>  
var video = document.getElementById("video"); 
$("#trigger").bind("click", function(){ 
     video.pause(); 
     video.currentTime = 0;}); 
</script> 

Это работает, но я также хочу, чтобы иметь возможность отображать видео плакат, а также. Есть ли способ сделать это, хотя мой javascript?

+0

Что вы подразумеваете под уйдете со страницы? Если вы имеете в виду переходить на другую страницу в том же окне браузера, явно нет никаких причин для отображения плаката? Вы хотите приостановить видео или окно браузера, потеряв фокус? – darwin

+0

Отправляясь, я перехожу на другую страницу JQM, используя событие 'pageChange' по умолчанию, которое составляет JQM-навигацию. Поскольку я технически не выполняю полную перезагрузку документа, видео по-прежнему воспроизводится в фоновом режиме. Поэтому, когда кто-то идет на другую страницу в документе, я хочу, чтобы видео «перезагрузилось». – mhartington

ответ

1

Просто установите плакат с помощью JavaScript заново «восстановить» плакат:

<script>  
var video = document.getElementById("video"); 
$("#trigger").bind("click", function(){ 
    video.pause(); 
    video.currentTime = 0; 
    video.poster = "yourPoster.png";}); 
</script> 
+0

Спасибо, это работает, но оно только мигает плакат img на мгновение, а затем переходит на черный экран паузы. Я провел некоторое исследование и обнаружил, что плакат покажет до того, как будет сделан запрос на видео, но потом он не будет виден, поскольку, насколько мне известно, я не могу удалить видео из кеша. Спасибо за помощь – mhartington

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