【问题标题】:Youtube iFrame API ParametersYoutube iFrame API 参数
【发布时间】:2017-02-08 00:42:42
【问题描述】:

https://developers.google.com/youtube/player_parameters

我发现这是开发以下内容的资源:

   <iframe src="https://www.youtube.com/embed/iZy8L-CnSGQ?hd=1&modestbranding=0&showinfo=0&autohide=1&controls=1" frameborder="0" width="500" height="280"></iframe>

作为示例项目。但是,我意识到它只能在 Chrome 中运行,而且我通常在 Mozilla 中进行开发。

如果我想限制嵌入视频的条件,iFrame 真的是我应该关注的吗?我正在尝试隐藏以下内容:YT 徽标和标题栏,并在未关注视频时自动隐藏视频的控件/进度条。

参数modestbranding= 隐藏了 YT 徽标。隐藏视频名称是参数showinfo=0。最后,自动隐藏控件是参数autohide=1&amp;controls=1

我也不明白为什么,但我听说 iFrame 对于开发人员用于视频嵌入很危险。这是真的吗?

谢谢!

【问题讨论】:

    标签: video iframe youtube youtube-api embed


    【解决方案1】:

    IFrame API 的主要目的是让用户在您的网站上嵌入 YouTube 视频播放器并使用 JavaScript 控制播放器。

    您说您意识到它只能在 Chrome 中运行,这不是真的。 IFrame API 将与支持 HTML5 postMessage 功能的浏览器一起使用。大多数现代浏览器都支持postMessage,尽管 Internet Explorer 7 不支持它。

    只需检查此requirements 即可使用 IFrame API。

    对于 IFrame API 中的不同参数,您可以通过link 进行检查。此链接可以向您解释可与 IFrame API 一起使用的不同 supported parameters 及其支持的播放器和说明。

    有关更多信息,请查看此YouTube Player Demo。此演示演示了 YouTube Player API 的功能。嵌入式播放器的视口必须至少为 200 x 200 像素。如果播放器显示控件,它必须足够大以完全显示控件而不会将视口缩小到最小尺寸以下。

    【讨论】:

    • 我们可以使用src嵌入时的参数。通过 IFrame API 加载时会发生什么?文档没有提到这一点。
    猜你喜欢
    • 2018-07-01
    • 2013-10-19
    • 2018-04-28
    • 1970-01-01
    • 2012-08-22
    • 2017-02-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多