如何启用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()
}