我希望我的视频返回到开头并在完成后显示海报

Question

不确定为什么下面的代码不会执行。我也尝试使用currentTime = 1将视频设置为第一秒完成后......这也没有用。

<div class="full-video">
    <script type="text/javascript">
        var video = document.getElementById('video1');
        if(video){
            video.addEventListener('ended',function(){
            window.location = 'https://example.org';
            });
        }
    </script>
    <video controls width="100%"  poster="images/training-program.jpg" id="video1">
        <source src="files/uploads/videos/Training.webm"  type='video/webm'>
        <source src="files/uploads/videos/Training.mp4"  type='video/mp4'>
    </video>
</div>

Answer 1

如果您想要显示海报并返回开始，这应该有效

 var video = document.getElementById('video1');
    if(video){
        video.addEventListener('ended',function(){
        video.currentTime = 0;
        video.load();
        });
    }

我还是不明白你为什么要在视频结束时改变页面的位置。