У меня есть 2 html-файла, каждый из которых использует html5 для загрузки и воспроизведения своих соответствующих видео. Я использую javascript, чтобы перенаправить страницу на следующую страницу видео, как только видео закончится. Я использую тег Autoplay для следующего видео, но он не воспроизводится автоматически. Я могу обновить страницу, и это происходит, но не при перенаправлении на.
Пример:
У меня есть 2 фильма: Clue и JFK. Когда Clue завершит воспроизведение, страница, на которой он воспроизводится, будет перенаправлена на страницу фильма JFK. У меня есть функция автозапуска на странице JFK, но при перенаправлении со страницы Clue страница JFK не будет автозапускаться. Когда я обновляю страницу вручную, JFK автоматически запускает страницу.
Очевидно, я не хочу вручную обновлять страницу. Вот мой код для каждого:
Clue
<html>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<video width="100%" height="100%" controls autoplay id="myvideo" poster="Comedy\Clue Cover.jpg"><source src="Comedy\Clue.mp4"></source></video>
</center>
<script type='text/javascript'>
document.getElementById('myvideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
window.location = "http://192.168.0.176:21222/Movies/JFK.htm";
}
</script>
</html>
JFK
<html>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<video width="100%" height="100%" controls autoplay id="myvideo" poster="Historical\JFK Cover.jpg"><source src="Historical\JFK.mp4"></source></video>