Question

我创建了一个我们在电视上使用的网站，欢迎客人/客户加入我们的业务。我们编写了一个SQL数据库，用于在屏幕上显示其名称，还有一个视频在同一网站上的不同帧中播放。这一切都适用于台式电脑Chrome。但我们使用电视中的内置浏览器（这是一种用于此类内容的商业模式）。浏览器是Opera，它支持HTML5。

问题是，经过一段时间，可以是2个小时，可以是一天，它会停止播放视频，只显示一个黑框。

这是代码：

<source src="video/video1.mp4" type='video/mp4'/>

</video>

<script type='text/javascript'>

video_count =1;

videoPlayer = document.getElementById("video");



function run(){

        video_count++;

        if (video_count == 3) video_count = 1;

        var nextVideo = "video/video"+video_count+".mp4";

        videoPlayer.src = nextVideo;

        videoPlayer.play();

                videoPlayer.loop();

   };



</script>

这将播放名为video1.mp4和video2.mp4 ...等的文件。此时此文件夹中只有一个文件名为video1.mp4，它将自动播放并循环播放。但它会在一段时间后无法自动播放，只显示一个黑框。

有什么想法吗？

谢谢！

Answer 1

如果您开始看到错误，我建议您使用javascript查看视频事件。

例如（来自Detect when an HTML5 video finishes帖子）您可以开始播放下一个视频：

<script type='text/javascript'>
    document.getElementById('myVideo').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        // What you want to do after the event
    }
</script>

您可以直接转到下一个视频，或者在时间轴上寻找0并重新播放。另一个选项是，如果您想要循环播放1个视频，那么您最好使用loop标记中的<video>选项：

<video loop>
  <source src="video/video1.mp4" type="video/mp4">
</video>

Opera浏览器上的Javascript自动播放视频（mp4）？

1 个答案: