播放视频时停止播放的背景音乐

Posted 2023-02-25

【中文标题】播放视频时停止播放的背景音乐

【英文标题】：Background Music that stops playing when video is played

【发布时间】：2013-02-27 13:04:06

【问题描述】：

ツ 嗨，我想知道如何将背景音乐添加到网页中结束了。

我用来嵌入音频的代码是：

<embed src="example.mid" autostart="true" loop="true">

我也知道 html5 有一个音频标签，但能以某种方式产生我需要的效果（即播放视频时音乐停止）？

^{别担心，我想在基于 html 的演示文稿而不是实际网页上使用它。 编辑：我已经编辑了这个问题，使它更清楚一点。}

【参考方案1】：

使用<audio> 标签，您可以通过 javascript 以编程方式控制音量。

具体来说，如何淡出音量的问题在这里有一个基于 jQuery 的示例：

HTML5 <audio> playback with fade in and fade out

【讨论】：

好的，谢谢，但是如何在视频开始播放时将音量设置为零？

是的。通过 Javascript 开始视频播放，在调用 video.play() 之前执行 video.volume = 0.

【参考方案2】：

我不太擅长 HTML5，但你可以在 javascript 中使用 eventlistners。 onload 事件加载将播放音乐的函数和视频上的 onclick 事件以在播放视频时删除音频。

【讨论】：

我不太擅长 javascript，所以一个代码 sn-p 会很好。