javascript - 如何在 <div> 标签的背景中提供不同的视频？

Question

我正在处理一个网站，它在网站背景中包含不同的视频。我想要这种方法使用 <div>标签，为此我尝试了以下...

<video id="bgvid" playsinline="" autoplay="" muted="" loop="" style="margin-right: 3px;width: 300px;">
  <source src="vid/le'toile.mp4" type="video/mp4">
</video>
<div id="polina">
  <h1>Le'toile</h1>
  <p>ART of Switching</p>
  <p>We believe that a seamless blend of Art & Technology makes what we create, Alive and Evolving.</p>      
</div>

它在后台显示视频，但是当我们再次尝试上面的代码在后台显示另一个视频时，它会覆盖第一个视频。表示仅播放第二个视频。那么，如何使用 2 <div> 播放两个视频？标签？

Answer 1

<video loop autoplay muted poster="path/to/screenshot.jpg">
    <source src="path/to/video.webm" type="video/webm">
    <source src="path/to/video.ogg" type="video/ogg">
    <source src="path/to/video.mp4" type="video/mp4">
</video>

请检查此链接:- https://html5backgroundvideos.com/how-to-create-a-html5-background-video-using-html-css-and-javascript/