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

【问题标题】：Javascript autoplay video (mp4) on Opera browser?Opera浏览器上的Javascript自动播放视频（mp4）？
【发布时间】：2017-01-09 20:58:35
【问题描述】：

我制作了一个网站，我们在电视上使用它来欢迎客人/客户来我们的业务。有一个 SQL 数据库，我们将他们的名字写在屏幕上，还有一个视频在同一网站的不同帧中播放。这一切都在桌面 PC 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 的文件，它会自动播放并循环播放。但它会在一段时间后无法自动播放，只是显示一个黑框。

有什么想法吗？

谢谢！

【问题讨论】：

标签： javascript html

【解决方案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 个视频，则最好在 <video> 标签中使用 loop 选项：

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

【讨论】：