YT Player隐藏按钮时隐藏按钮?

时间:2020-08-20 20:05:19

标签: javascript html jquery css ytplayer

YT iFrame API的API文档为https://developers.google.com/youtube/iframe_api_reference

我要添加到我的YT播放器中的某些按钮不包含在YT播放器中,分别是退出按钮(关闭播放器),下一个按钮(用于下一个视频)和一个上一个按钮(用于上一个按钮)。我已经对这些按钮进行了编码,它们可以按预期工作。

我的下一个目标是使它们在风格上与YT Player匹配。我现在最大的问题是,当YT隐藏控制按钮(暂停,全屏显示,播放器底部的那些按钮)时,隐藏按钮。之所以具有挑战性,是因为隐藏控件的时间有很多标准,这是我到目前为止发现的:

  • 视频启动播放器之前(显示控件)
  • 当鼠标悬停在剧本上并且处于运动状态时(显示控件)
  • 当鼠标存在时播放器(控件被隐藏)
  • 如果鼠标在几秒钟内没有移动并消失(控件被隐藏)

理想情况下,只要显示或隐藏控件,就会有类似onControlChange()的方法被调用,但是我没有找到这样的方法。

到目前为止,我所做的就是使按钮在悬停时显示,并且在某些情况下可以使用,但是如果鼠标在不移动后被隐藏但留在播放器上,则按钮仍然存在。

将这些额外的按钮添加到控件的最佳方法是什么?

谢谢!

0 个答案:

没有答案