在 Elementor 中加载 youtube 视频时暂停音频播放器

Posted 2023-03-08

【中文标题】在 Elementor 中加载 youtube 视频时暂停音频播放器

【英文标题】：Pausing audio player when youtube video loads in Elementor

【发布时间】：2021-03-26 04:52:36

【问题描述】：

我有一个客户，我在 Elementor 工作，我有一个我正在通过 var audio = document.getElementById("myaudio"); 播放背景音乐的 mp3 文件，并且我的标题中有一个视频，我的客户希望人们在点击它时看到它.我的问题，我的背景音频在我的视频上播放。

我知道我可以使用 CSS 类来定义要单击的区域（给它一个名为 headervideo 的类），我有一个 pauseAudio() 函数可以暂停视频，我只是不够精通代码单击时使headervideo=pauseAudio()。我确定我需要addEventListener 或类似的非常简单的东西，但我就是无法完全理解它。

感谢您的宝贵时间

【参考方案1】：

我认为你可以这样做。

var video = document.getElementById("yourVideo");
video.addEventListener('play', function() 
    audio.pause();
);

【讨论】：

这似乎对我有用！也及时，客户喜欢，谢谢！！