第一个视频结束时显示第二个HTML5视频

Question

基本上我想要做的就是在页面打开时播放我的第一个视频，然后一旦完成，我想在它下面显示第二个视频。

我已经玩了很多，并且我确定它是一个显而易见的东西。

jQuery的：

<script>
$(document).ready(function() {
    $("#secondVid").hide()  
    $("#firstVid").bind("ended",function(){
            $("#secondVid").show();
    });    
});
</script>

HTML

<div id="firstVid" class="videoWrapper" >
                <video controls autoplay>
                    <source src="video.mp4">
                    <source src="video.ogv">
                </video>
            </div>
            <div id="secondVid" class="videoWrapper" >
                <video controls>
                    <source src="video.mp4">
                    <source src="video.ogv">
                </video>
            </div>

Answer 1

我认为您要做的是在显示第一个视频后致电play。

$(document).ready(function() {
    $("#secondVid").hide()  
    $("#firstVid").bind("ended",function(){
            $("#secondVid").show()
                .find("video").get(0).play();
    });    
});