Html 视频循环不工作

我必须重新加载/刷新页面才能看到视频阵列中的其他视频。 我想视频是自动播放的第二个视频后，完成第一个视频移动

这是我的密码：

<?php
    $arrVideo = array('vid1','vid2','vid3');
    shuffle($arrVideo);
    ?>  
<video autoplay loop class="embed-responsive-item">
                    <?php 
                    $n=1;
                    foreach($arrVideo as $v){?>
                    <source src="/assets/video/<?php echo $v?>.mp4" type="video/mp4">
                     <?php $n++; }?>
                </video>

元素用于为不同浏览器提供以不同格式编码的视频或音频。它不用作播放列表

这里有一个链接，你可以帮助你实现你的目标


完成视频后，更改视频源。使用以下代码

<script type='text/javascript'>
    document.getElementById('myVideo').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        // What you want to do after the event
    }
</script>


document.getElementById（'myVideo'）.addEventListener（'ended'，myHandler，false）；
函数myHandler（e）{
//活动结束后你想做什么
}