Javascript 使用my php复制的视频+；jquery应用程序

我的php代码有问题（）。我试图在html中显示一些视频，并使用javascript函数在视频结束时逐个进行更改。但浏览器会显示视频[1]和重复的视频[2]。我有5个视频在目录中。 我的jquery函数：

<script type='text/javascript' src='jquery.js'> </script>
<script type='text/javascript'>
    $(document).ready(function(){
        $('.index_0')[0].play();
        $('video').bind('ended', function(){
            $( this ).hide();
            $( this ).next(this).show();
            $( this ).next(this)[0].play();
        });
  });
</script>

<style type='text/css'>
    .index_1 {
        display: none;
    }
    #centrar {
        top:50%;
        left: 50%;
        margin-top: 150px;
    }
</style>

<div id='centrar' align='center' >
    <video id='myVideo' class='index_0' width='70%'' muted autoplay> 
    <source src='publicidad/video1.webm' type='video/webm'/></video>

    <video id='myVideo' class='index_1' width='70%'' muted autoplay> 
    <source src='publicidad/video2.webm' type='video/webm'/></video>

    <video id='myVideo' class='index_1' width='70%'' muted autoplay> 
    <source src='publicidad/video3.webm' type='video/webm'/></video>

    <video id='myVideo' class='index_1' width='70%'' muted autoplay> 
    <source src='publicidad/video4.webm' type='video/webm'/></video>

    <video id='myVideo' class='index_1' width='70%'' muted autoplay> 
    <source src='publicidad/video5.webm' type='video/webm'/></video>
</div>

$（文档）.ready（函数（）{
$（'.index_0'）[0].play（）；
$（'video'）.bind（'end'，function（）{
$（this.hide（）；
$（this.next（this.show（））；
$（this）.next（this）[0].play（）；
});
});
.index_1{
显示：无；
}
#centrar{
最高：50%；
左：50%；
边缘顶部：150px；
}
发布一些代码please@TheOneandOnlyChemistryBlobPastebin不是“随机链接”。但是，问题本身应该包含相关代码。这是我的代码：你现在能看到吗？非常感谢：）