如何启用JQuery视频自动播放

How to enable JQuery video autoplay

本文关键字：JQuery 视频 自动播放 启用 何启用      更新时间：2023-09-26

只是想知道如何让视频加载和自动播放，一旦另一个视频完成播放。我是一个新手，我真的

HTML 

<div class="videoWrapper">
    <video id="video2" controls>
        <source src="videos/wotebackinupsong.mp4">
        <source src="videos/wotebackinupsong.ogv">
    </video>
</div>

JS 

$(document).ready(function() {
    $('#video2').hide(function() {});
    $('#video1').bind('ended', function() {
        $('#video2').show();
    });
});

到目前为止，我已经有了第二个视频隐藏当页面加载，并得到它显示一旦第一个视频完成播放。只需要知道如何使它自动播放

$("#video2")[0].play();

应该播放第二个视频

可以用

绑定收听视频播放事件使用javascript 

var video1 = document.getElementsByID('video1');
var video2 = document.getElementsByID('video2');
video1.onended = function(e) {
  video2.style.display = "none";
  video2.play()
}

使用jquery 

var video1 = $('video1');
var video2 = $('video2')[0];
video1.onended = function(e) {
  video2.show();
  video2.play()
}
相关文章：