IE7 中 iframe 的全屏 Vimeo 视频问题和 YouTube 播放器 API 参考

Question

我有一个由 5 个部分组成的站点（只能使用 Internet Explorer 7 查看），在第 2 部分中，我目前正在使用 Vimeo 嵌入视频。要求是用户必须在继续下一部分之前观看所有内容。为了实现这一点，我使用了事件侦听器，仅在观看完所有视频后才激活“下一步”按钮以继续（效果很好）

另一个要求是用户能够全屏播放视频，但我使用 Vimeo 的问题是它不支持在全屏播放视频时隐藏进度条的选项，这允许用户跳过视频。在研究并联系 Vimeo 支持后，我可以确认只有在您订阅专业帐户（我有）以标准模式查看视频时才能隐藏进度条。 我研究了定位 iFrame 中的 CSS 类，并在控件 div 上设置了 display none 值，但这是无法做到的。

我已经研究过使用 YouTube 作为替代方案，您可以使用此标记全屏隐藏进度条

<iframe width="560" height="315" src="https://www.youtube.com/embed/C0DPdy98e4c?rel=0&controls=0&showinfo=0?&fullscreen=1" frameborder="0" allowfullscreen=1></iframe>

我已经阅读了一些关于使用 iframe 嵌入的 YouTube 播放器 API 参考 (https://developers.google.com/youtube/iframe_api_reference) 但它说要求之一是用户的浏览器必须支持 HTML5 postMessage 功能 - INTERNET EXPLORER 7 不支持:(

谁能建议我如何实现这一点，或者通过全屏使用 vimeo 隐藏进度条，或者通过实现 youtube Iframe API 以与 IE7 一起使用？

干杯

保罗

Answer 1

我在他们的page on embedding 上没有看到删除 Vimeo 视频中控件的参数。此外，Vimeo FAQs 表示，当嵌入视频的宽度小于指定数量的像素时，控制栏会隐藏在嵌入视频中。

您可能不得不做一些偷偷摸摸的 CSS 样式设置。我确实设法找到一个article 在全屏查看 HTML5 视频时隐藏控件，但它说 IE 不支持全屏 API，所以我不完全确定你想要做什么是实际上可以在 IE 上。