问一个JavaScript的背景音乐和播放视频之间的控制问题

Question

我在写一个当视频播放时背景音乐暂停，当视频暂停时背景音乐播放
背景音乐代码：<audio class="musicbg" src="mybgmusic.mp3" autoplay loop=auto></audio>
视频代码： <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="515" height="265"
poster="images/222.png"
data-setup="{}">
<source src="myvideo.mp4" type='video/mp4' />
</video>
视频暂停类：vjs-paused 视频播放类：vjs-playing

控制事件：
playBtn.onclick = function(){
if (example_video_1.paused) {
audio.play();
//getElement("musicname").nodeValue = musicName;
cmbg.className = "musicbg";
playBtn.className = "vjs-playing";
playBtn.setAttribute("title","暂停");
}
else {
audio.pause();
cmbg.className = "musicbg";
playBtn.className = "vjs-paused";
playBtn.setAttribute("title","播放");
}
为啥我这个不能控制背景音乐呢？哪里出错了，正确写法是怎样的
};

Answer 1

尝试一下直接在控制台让audio播放行不行？然后看看控制台有没有报错。我看你的代码是，点击按钮，如果视频是暂停状态，播放音频。也就是说点击按钮的时候，如果视频不是暂停状态，就不会播放音频的。追问

我看到Uncaught ReferenceError: playBtn is not defined，说是playbtn未定义，我换了我的按钮vjs-big-play-button类上去，结果显示Uncaught ReferenceError: Invalid left-hand side in assignment和预载未定义

追答

页面时添加一个控制音频播放的按钮呗。。。声明一下playBtn，拿到播放按钮

Answer 2

你好，去百度贴吧问问看，那里技术多