文章/答案/技术大牛

发布

社区首页 >问答首页 >如何根据时间改变HTML视频播放器中的视频源链接？

问如何根据时间改变HTML视频播放器中的视频源链接？
EN

Stack Overflow用户

提问于 2020-07-13 11:52:01

回答 2查看 761关注 0票数 0

我试图制作一个视频播放器，它应该在给定的时间内改变视频源。例如:在“上午12点”，我想播放这个视频源“视频1.mp4”和“凌晨1点”，我想播放这个来源“视频2.mp4”和“下午5点”，我想播放这个“视频3.mp4”。

我刚刚开始，我是这个领域的新手，所以我不知道怎么做，我认为我们必须写一个JS代码？有人能告诉我我们怎么做吗？

<html>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie2.mp4" type="video/mp4">
  <source src="movie3.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

</body>
</html>

这是我唯一写的代码

javascript

html

video

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-07-13 12:23:24

<video width="320" height="240" controls id="player">
  Your browser does not support the video tag.
</video>

var d = new Date(); // get date 
var h = d.getHours(); // get hour in 24

var player = document.getElementById('player');

switch (h) {
  case 12:
    player.src = 'movie.mp4';
    break;
  case 1:
    player.src = 'movie2.mp4';
    break;
  case 17:
    player.src = 'movie3.mp4';
    break;
}

票数 0

Stack Overflow用户

发布于 2020-07-13 12:14:58

更改您的代码：

html:

<html>
    <body>
    
    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4" id="source">
      Your browser does not support the video tag.
    </video>
    
    </body>
</html>

js:

    const source=document.getElementById("source");
    function change_source(time){
      switch(time) {
        case '1 AM':
          source.setAttribute("src","movie.mp4")
          break;
        case '2 AM':
          source.setAttribute("src","movie2.mp4")
          break;
        default:
         // code block
     }
   }

祝你好运

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62875266

复制

相似问题

问如何根据时间改变HTML视频播放器中的视频源链接？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何根据时间改变HTML视频播放器中的视频源链接？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何根据时间改变HTML视频播放器中的视频源链接？
EN