视频循环不起作用

Question

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

这是我的代码：

<?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>

请告诉我任何解决方案。

Answer 1

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

以下是您可以实现目标的链接。

{{3}}

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

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