HTML5 видео не перезапускается

Question

Заранее благодарим за любую помощь, которую вы можете дать. Проблема, с которой я сталкиваюсь, заключается в том, что следующий код находится в функции javascript при нажатии кнопки. Желаемое поведение заключается в том, что при нажатии кнопки видео исчезает, воспроизводится в течение 10 секунд и исчезает. Затем, когда кнопка снова нажата, это повторяется.

Проблема: во второй раз, когда нажата кнопка, видео исчезает, но уже находится в конце видео, а затем исчезает через 10 секунд. Любая идея, почему vid.currentTime неправильно перезагружает видео?

var webm = document.getElementById('src'); 
webm.src = "src.webm"; 
var vid = document.getElementById('video'); 
vid.currentTime = 0; 
vid.play(); 


vid.fadeToggle(1000); 
setTimeout(function() { 
    vid.fadeToggle(1000); 
}, 10000); 

и это где видео файл импортируется

<video id="video" width="100%" Style="Display:none"> 
    <source id="src" src="src.webm" type="video/webm" /> 
</video> 

Дополнительная информация выявилось. Это происходит только в Chrome и не происходит даже в Chrome, когда он открывается локально, только когда страница html статически передается через экспресс.

Answer 1

Разобрался, что это был только вопрос в хроме и, кажется, что нужно сделать с этим вопросом:

can't seek html5 video or audio in chrome

Answer 2

Попробуйте

vid.load(); вместо vid.currentTime = 0;

Answer 3

Может быть, вы можете попробовать добавить autplay атрибут видео, но я думаю, что видео будет начать цикл.

<video id="video" width="100%" Style="Display:none" autoplay> 

ИЛИ вы можете добавить эту функцию или строку javascript в свою функцию кнопки.

vid.load(); 

Источник: http://www.w3schools.com/tags/av_met_load.asp