播放暂停问题

来源: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判断,执行播放。

http://img.mukewang.com/climg/5f1511ef0915119e05810238.jpg

通过修改类名,改变图标,播放时如下:

http://img.mukewang.com/climg/5f15121d099b25f101360088.jpg

下次点击时,false取反为true,不符合if判断,执行else停止播放

http://img.mukewang.com/climg/5f1511f709a9ef3004780131.jpg

停止播放时图标如下:

http://img.mukewang.com/climg/5f1512390970890701070064.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程