У меня есть два видео, и я хочу зациклить первое видео, пока пользователь не щелкнет мышью, после чего я хочу переключиться на воспроизведение второго видео.Кто-нибудь знает, каков наилучший способ сделать это?
Редактировать: Извините, чтобы уточнить, я бы предпочел использовать HTML 5 (при условии, что это возможно).Я пытаюсь сделать так, чтобы два видео плавно менялись, одно поверх другого.Я хочу, чтобы это выглядело как щелчок мышью, чтобы закончить видео или сделать прогресс.Поэтому мне нужно приостановить / скрыть первый и показать / воспроизвести второй.
Обновление: с помощью Галена и некоторых поисков в Google я понял:
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
function swapVideos() {
var video1 = document.getElementsByTagName('video')[0];
video1.pause();
video1.style.display = 'none';
var video2 = document.getElementsByTagName('video')[1];
video2.play();
}
</script>
<body>
<video src="video1.ogg" controls="controls" loop="loop" autoplay="autoplay" onclick="swapVideos();">
your browser does not support the video tag
</video>
<video src="video2.ogg" controls="controls" preload="preload">
your browser does not support the video tag
</video>
</body>
</html>