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

Posted 2023-04-13

【中文标题】Youtube 视频播放器全屏点击事件

【英文标题】：Youtube Video Player Fullscreen click event

【发布时间】：2013-03-03 02:00:32

【问题描述】：

我正在尝试将自定义控件添加到嵌入式 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】：

您想捕捉屏幕上任意位置或菜单中链接上的点击吗？

如果你想捕捉菜单上链接的点击，我认为这个插件可以作为一个有用的例子：

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

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

【讨论】：

第一个站点非常分散注意力，可能是我的 ADD，但我从试图阅读的内容中一无所获。 YouTube 播放器在右下角有一个全屏按钮，即我要捕获的点击事件。我正在考虑使用无铬界面并构建自己的控件。