老师发现一个bug

老师发现一个bug

当全屏状态下,点击一下屏幕,可以暂停或播放,但下面做的那个播放暂停的按钮没有变化,再缩小的话会导致播放状态与按钮状态不符,这个要怎么解决啊,老师能给个思路吗

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕言 2020-09-14 16:44:58

同学你好,解答如下:

1、这段代码是给元素添加了事件监听,只要触发就会执行。例如:给按钮添加一个点击事件

http://img1.sycdn.imooc.com//climg/5f5f2c7809c6880207790306.jpg

只要点击按钮,就会打印1,不是第一次点击时打印1,之后再点击就不会打印了。

2、playing和play不是一个意思,playing事件可以在播放时触发。

play是让资源播放。例如:

http://img1.sycdn.imooc.com//climg/5f5f2d2209b05fb002490050.jpg

如果同学还有其他问题的话,建议新建提问,以便日后同学归纳和总结。

祝学习愉快~

好帮手慕言 2020-07-14 11:50:13

同学你好,可以使用pause事件和playing事件,pause事件可以在暂停时触发,playing事件可以在播放时触发,如下:

http://img1.sycdn.imooc.com//climg/5f0d299209f5822c08310205.jpg

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

  • 老师您好! 我也发现了这个问题,所以在提问区也刚好看到了老师的解答,就是这里的逻辑不太明白: 老师这里使用的是事件监听,这两个事件坚挺的过程是怎样的呢? 因为我会觉得第一段代码监听到暂停的时候,假如我全屏时按了暂停按钮,这时playNode的class属性为playNode,退出全屏了也是暂停按钮没问题; 然后第二段代码监听视频为播放状态的时候,执行函数,设置playNode的class属性为pauseNode,这时按钮为 播放按钮,也没问题; 代码执行完了,当我再次全屏按下暂停按钮,再退出全屏按钮还是会显示暂停按钮,不是应该和之前一样不会改变嘛?所以想请教老师这里面的监听逻辑是怎样的,毕竟这里没有用到判断语句,因为我的理解是代码执行完了应该就不会再重复了
    2020-09-14 15:14:05
  • 还有,老师,playing和play是一个意思嘛
    2020-09-14 15:22:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师