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

问题描述

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

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

感谢您的时间

解决方法

我认为你可以这样做。

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