Question

我有一些视频，需要持续播放。但有一个条件，第一个视频应该播放24小时。这意味着，循环第一个视频24小时。在那之后的视频。现在视频正在不断播放。但我不知道如何设置播放视频的时间。请帮我解决这个问题。谢谢。

这是我的代码。

＆＃13;

<div class="video-wrapper-main">
  <video onended="myAddListener()" class="episodeVideo" preload="auto" autoplay controls>
             <source src="" type="video/mp4">
      </video>
</div>

＆＃13;

{{1}}

＆＃13;

Answer 1

var videoSources = ["video/kid.mp4", "video/hands.mp4", "video/video5.mp4", "video/action.mp4"];

var startTime = Date.now();

var currentIndex = 0;
// listener function changes src
function myNewSrc() {
  var myVideo = document.getElementsByClassName('episodeVideo')[0];
  var newTime = Date.now();
  var msIn24Hours = 1000 * 60 * 60 * 24;
  var isAfter24Hours = newTime - startTime >= msIn24Hours;
  if(isAfter24Hours) {
    myVideo.src = videoSources[currentIndex];
    startTime = newTime;
  }
  myVideo.load();
}


// add a listener function to the ended event
function myAddListener() {
  var myVideo = document.getElementsByClassName('episodeVideo')[0];
  currentIndex = (currentIndex + 1) % videoSources.length;
  myVideo.src = videoSources[currentIndex];
  myVideo.addEventListener('ended', myNewSrc, false);

}

然后，您可以将开头存储到localStorage并使用该值。

每天更换视频

1 个答案: