如何在 URL 加载到播放器时自动播放视频?
How to automatically play a video when the URL is loaded into the player?
我在将 div 中的 url 克隆到视频播放器时遇到问题。我遇到的问题是它应该在加载 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>
只需删除触发器 jquery 选择器中的“视频”。像这样:
$('#video-to-play').trigger('play');
您还可以使用 html "autoplay" 属性来始终自动启动视频:
<video preload="auto" id="video-to-play" onloadstart="this.volume=0.5" src="#" autoplay></video>
我在将 div 中的 url 克隆到视频播放器时遇到问题。我遇到的问题是它应该在加载 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>
只需删除触发器 jquery 选择器中的“视频”。像这样:
$('#video-to-play').trigger('play');
您还可以使用 html "autoplay" 属性来始终自动启动视频:
<video preload="auto" id="video-to-play" onloadstart="this.volume=0.5" src="#" autoplay></video>