在浏览器中无限期播放视频的建议方法是什么？(一次数周或数月)

Question

我正在开发一个几乎没有设备和屏幕的系统，这些设备和屏幕应该能够无限期地运行，或者至少2-3天。其中一个是在全屏幕浏览器中运行的促销屏幕，它有一些文本和一个应该永远循环的视频播放列表。

目前，我正在使用jquery jPlayer作为我的播放列表视频解决方案，而且我遇到了一个问题，它在较长时间后崩溃。我不太清楚如何测试它，但我把它放在周末运行只是为了发现它今天没有加载。

所以我的问题是：

• 对于必须永远循环的视频播放列表，哪种解决方案最好？

Answer 1

下面是有效的代码

<video id="videoPlayer" src="../../Content/data/video_01.m4v" style="width: 1280px; height: 720px;" autoplay controls />

<script type="text/javascript">
  var videoArray = [ "../../Content/data/video_01.m4v",  "../../Content/data/video_02.m4v", "../../Content/data/video_03.m4v" ];
  var videoPlayer = document.getElementById('videoPlayer');
  var videoIndex = 0;

  videoPlayer.onended = function () {
    videoIndex++;

    if (videoIndex >= videoArray.length) {
        videoIndex = 0;
    }

    videoPlayer.src = videoArray[videoIndex];
  }

</script>

注意:它在+/- 14小时后在索尼电视上的Opera上崩溃，但在运行Chrome全屏(我将在现场运行)的PC上工作得很好。

编辑1:还添加在脚本的末尾，以防视频无法加载(发生一次)。

  videoPlayer.addEventListener('error', function (err) {
      err.preventDefault();
      videoPlayer.onended();
  });

编辑2:这最后一部分(在错误上添加事件侦听器)是所有事情的关键。显然，当它坠毁时，它坠毁只是因为它不能加载一个视频并停止。所以我建议拿着这个。