javascript - YouTube 嵌入设置不带控件但全屏

Question

我需要嵌入具有以下属性的 YouTube 播放器:

• 不得允许用户前进或后退(无进度条)
• 必须有权访问播放器事件(视频结束时播放器消失并显示消​​息)
• 必须能够根据用户的请求进入全屏并恢复正常。

我希望 JS API 能够让我轻松地做到这一点，但显然 Flash 安全性使得用户必须单击 flash 元素本身内的某个位置才能使用 Flash 进入全屏。

作为一种解决方法，现在我正在使用 HTML5 全屏 API，如下所示:http://blogs.sitepointstatic.com/examples/tech/full-screen/index.html

但这会导致跨浏览器的奇怪性，甚至似乎会扰乱我的播放器事件(当我请求全屏时，视频停止播放并返回到开头)。我可以尝试更多地处理这个 Angular ，但我祈祷有一种更简单的方法。

如果有某种方法可以自定义嵌入式 YouTube 播放器以删除进度条，但仍然允许使用 Flash 全屏显示，我会很高兴，因为它更加无缝。这可能吗？

Answer 1

您的用户应该仍然能够通过双击视频来全屏显示。 HTML5 全屏 api 应该可以正常工作，但是如果您在重新初始化 flash 插件时遇到问题，我会做两件事。首先向浏览器 vendor 报告错误，以便修复它们。两次监听 onYouTubePlayerReady 并再次添加事件监听器。然后在进入全屏之前寻找视频中的点。