如何在html5中播放其他视频

时间:2016-01-19 12:27:26

标签: html5

嗨我有这个视频标签html5我在项目中使用。我有5个视频,我想知道为什么其他视频不会播放,所以只有一个视频播放。我希望播放这五个视频。这是我下面的html5代码

 <video id="bgvid" autoplay="autoplay"  loop="true">
                <source src="wp-content/uploads/videos/video1.mp4" />
                <source src="wp-content/uploads/videos/video2.mp4" />
                <source src="wp-content/uploads/videos/shutterstock_v4192384.mov"  />
                <source src="wp-content/uploads/videos/shutterstock_v4363250.mov" >
            </video>

只有第一个视频会播放另一个视频。 autolay运行良好,循环也。 有人可以帮助我为什么它不会工作?非常感谢任何帮助.TIA

1 个答案:

答案 0 :(得分:0)

每个视频都需要单独的视频标记。

<video id="bgvid1" autoplay loop="true">
                <source src="wp-content/uploads/videos/video1.mp4"  type="video/mp4" />
</video>
<video id="bgvid2" autoplay loop="true">
                <source src="wp-content/uploads/videos/video2.mp4"  type="video/mp4" />
</video>
<video id="bgvid3" autoplay loop="true">
                <source src="wp-content/uploads/videos/shutterstock_v4192384.mov"  type="video/mov" />
</video>
<video id="bgvid4" autoplay loop="true">
                <source src="wp-content/uploads/videos/shutterstock_v4363250.mov"  type="video/mov" />
</video>