如何启用 JQuery 视频自动播放

Question

只是想知道如何加载一个视频并在另一个视频播放完毕后自动播放。我有点菜鸟，我真的

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();
    });
});

到目前为止，我已经让第二个视频在页面加载时隐藏，并在第一个视频播放完毕后显示。只需要知道如何让它自动播放。

Answer 1

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

应该播放第二个视频。

Answer 2

你可以绑定监听视频1播放结束的事件

和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()
}