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

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