Youtube视频播放器全屏点击事件

时间:2013-03-14 15:54:53

标签: youtube-api fullscreen onclicklistener youtube-javascript-api

我正在尝试为嵌入的YouTube播放器添加自定义控件。我正在覆盖一个HTML菜单。但是,当用户点击YouTube中的全屏按钮时,我的html菜单将不再适用于较大的播放器。

我预见有两种可能的解决方案。

首先,如果我能找出为全屏播放器生成的元素,那么我可以叠加控件。

其次,如果我能抓住全屏点击事件,我可以使用javascript来获取当前可用的窗口设置,将视频缩放到可用的房地产。

我发现了这个:https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode?redirectlocale=en-US&redirectslug=DOM%2FUsing_full-screen_mode

但是,我不确定它是否适用于大多数浏览器,其次它看起来好像处于测试阶段。

我要找的答案是: 什么是元素或如何找到为全屏播放器生成的元素?

或者

如何捕获全屏的点击事件?

1 个答案:

答案 0 :(得分:0)

您想要在屏幕上的任何位置或菜单中的链接上捕获点击吗?

如果您想捕获菜单上链接的点击,我认为这个插件可以作为一个例子:

http://www.seanmccambridge.com/tubular/

https://code.google.com/p/jquery-tubular/source/browse/trunk/js/jquery.tubular.1.0.js