Как изменить ссылку на источник видео по времени в проигрывателе HTML? - PullRequest
Новая
       4

Как изменить ссылку на источник видео по времени в проигрывателе HTML?

0 голосов
/ 13 июля 2020

Я пытаюсь сделать видеоплеер, и он должен изменить источник видео в заданное время. Например: в «12:00» я хочу воспроизвести этот источник видео «video1.mp4», в «1:00» я хочу воспроизвести этот источник «video2.mp4», а в «17:00» я хочу воспроизвести это »видео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>

Это единственный код, который я написал

Ответы [ 2 ]

0 голосов
/ 13 июля 2020 
<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 голосов
/ 13 июля 2020

измените свой код:

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
     }
   }

удачи

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...