Youtube iFrame API参数

时间:2016-09-29 15:35:39

标签: video iframe youtube youtube-api embed

  

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&controls=1

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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的功能。嵌入式播放器必须具有至少200px乘200px的视口。如果播放器显示控件,则它必须足够大才能完全显示控件,而不会将视口缩小到最小尺寸以下。