Question

嗨，在我的要求中，我想一个接一个地播放两个视频。我想一直播放它们。为此，我使用此代码。

    <html>
<div class="video_player">
     <video width="100%" height="auto" id="video" controls >
                            <source src="<%=videoPath1%>" type="video/mp4" />
                            <source src="<%=videoPath2%>" type="video/mp4" />
                        </video>
</div> 
   </html>

但它没有用，任何人都可以给我一个建议吗？

Answer 1

首先，您应该只列出第一个视频。列出几个的能力是为了适应不同的格式，因为不同的浏览器支持不同的格式。

第二次添加一些javascript以响应＆＃34;结束＆＃34;事件。在视频代码中添加onended =＆＃34; swapVideos（）;＆＃34;，假设您的javascript函数名为swapVideos（）。

在swapVideos（）函数中，

查找视频标记
获取sources元素
将src值更改为其他视频
针对视频对象发出加载命令

如何在HTML中播放两个一致的视频？

1 个答案: