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

Question

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

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

感谢您的宝贵时间

Answer 1

我认为你可以这样做。

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