Как автоматически воспроизвести видео при загрузке URL в плеер? - PullRequest
Новая
       130

Как автоматически воспроизвести видео при загрузке URL в плеер?

0 голосов
/ 26 апреля 2020

У меня проблема с моим кодом при клонировании URL в div в видеоплеер. У меня проблема в том, что он автоматически воспроизводится при загрузке URL. URL загружен, но не воспроизводится.

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

JS Код: 

$("#next-item").on("click", function() {
var mp3Url = $("#video-ID-1").data('rel');
    $("#video-to-play").attr('src', mp3Url);
    $('#video-to-play video').trigger('play');
});
video {width:480px;height:auto}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="next-item" class="button">Next</button>
<div id="video-ID-1" class="slider-slide-wrap video-post" data-rel="https://ia601401.us.archive.org/3/items/5sec-sound-test/5sec%20sound%20test.mov">
  <div class="media-contain">
    <video preload="auto" id="video-to-play" onloadstart="this.volume=0.5" src="#"></video>
  </div>
</div>

1 Ответ

1 голос
/ 26 апреля 2020

Просто удалите «видео» в селекторе jquery триггера. Например: 

$('#video-to-play').trigger('play');

Вы также можете использовать атрибут html autoplay для автоматического запуска видео: 

<video preload="auto" id="video-to-play" onloadstart="this.volume=0.5" src="#" autoplay></video>
...