如何一次播放多个背景视频？

Question

我正在尝试构建一个页面，其中只有三个背景视频在页面加载时一个接一个地播放，然后重置回第一个，然后像自动循环一样重新开始，但只播放第一个视频。

                <video class="video" autoplay muted loop>
                    <source src="bar.mp4" type="video/mp4">
                </video>

                <video class="video"autoplay muted loop>
                    <source src="baking.mp4" type="video/mp4">
                </video>

                <video class="video" autoplay muted loop>
                    <source src="meat.mp4" type="video/mp4">
                </video>
            </div>