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

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资源，你需要将音频与时间轴中播放的视频集成，你也可以停止显示视频图像并用循环播放音频，只有一个媒体文件。