播放暂停问题
来源:4-7 video-javascript(4)
慕标5156652
2020-07-19 23:19:40
//播放暂停的控制
var playNode = document.getElementsByClassName("playNode")[0];
var playBtn = true;
playNode.onclick = function () {
playBtn = !playBtn;
if (playBtn == false) {
this.className = "pauseNode";
videoNode.play();
} else {
this.className = "playNode"
videoNode.pause();
}
}
老师突然这里有点不懂了
默认 是true 就是暂停
最开始点击 变成false 类名变成了pausedNode 又播放
我有点搞不懂为什么要这样
1回答
好帮手慕言
2020-07-20
同学你好,PlayBln默认为true,点击按钮时让它取反,为false,此时符合if判断,执行播放。
通过修改类名,改变图标,播放时如下:
下次点击时,false取反为true,不符合if判断,执行else停止播放
停止播放时图标如下:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题