当背景视频停止时音频停止

Question

我有一个小问题。我使用 mp4 中的视频作为背景（从头开始）。我添加了一个音频文件，它也开始播放，视频播放完毕后音频停止。

<video poster="" id="bgvid" autoplay>
<source src="video/background.mp4" type="video/webm">
<source src="video/background.mp4" type="video/mp4">
</video>

<audio autoplay id="backgroundsound" preload="metadata" loop>
  <source src="audio/nuages-dreams.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

Answer 1

HTML5 视频标签还添加了一个属性循环

<video id="bgvid" controls loop>
 ...
</video>

捕捉视频的暂停事件以重新启动音频：

if($("#bgvid").pause()){
   $("#backgroundsound").play();
}

但是你为什么要单独使用音频视频？？？ 开始加载的2个文件媒体占用mutch资源，您需要将音频与视频播放集成在时间轴中，您也可以停止显示视频图像并循环播放音频，只有一个媒体文件。