javascript - Youtube 播放器 API 差异(Chromeless 与 IFrame)- 哪个更好?

标签 javascript iframe youtube-api youtube-javascript-api chromeless

所以我在网上搜索了有关如何嵌入 Youtube 播放器的信息,但实际的详细教程似乎极其稀疏或完全不存在。另外,虽然在google网站上找到了文档 对于新手来说,如何实现这两者似乎有些令人困惑,这导致了我的问题。似乎有两个播放器,IFrame 播放器和使用 swf 嵌入的 Chromeless 播放器。我已经提供了两者的示例:

IFrame 播放器(使用 Angular ):http://plnkr.co/edit/H5VnlPhOaa2n6ZsfSj5p?p=preview

Chromeless 播放器:http://plnkr.co/edit/Epz9uXDZ1uIiV4lgB0vw?p=preview

我的问题是,有什么区别?使用其中一种相对于另一种有什么优势?是否对浏览器有更多的向后兼容性?移动支持? Chromeless 播放器似乎需要更少的代码来运行,因为大部分代码都是从包含的“swfobject.js”中开箱即用。此外,由于 Flash 要求,chromeless 播放器似乎无法在 iOS 设备上运行。这是正确的吗?

附录:你可以看到 iframe 和 chromeless 播放器大部分是相同的,除了你可以点击 iframe youtube 播放器来暂停它,而 chromeless 播放器只能从播放中控制/暂停控制。

最佳答案

将 iFrame 与 Youtube 结合使用的一大好处是,它基本上是一个带有回调 youtube 的新窗口......你猜怎么着? YouTube 将解释请求来自哪个浏览器和平台,并填充适当的内容,但 iFrame 在较旧的浏览器和移动设备上加载速度可能很慢,而对象/嵌入则不会。参数设置(用于调整网站上的用户体验)大致相同。我们都知道 SWF 文件无法在 iOS 上运行,因此您可能需要在针对您的用户群进行开发时考虑到这一点。

关于javascript - Youtube 播放器 API 差异(Chromeless 与 IFrame)- 哪个更好?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22901037/

相关文章:

javascript - 沿着 Canvas 上的一条线放置文本标签

javascript - 快速路线不起作用?

javascript - 如何从外部页面激活非默认的 Bootstrap 选项卡?

javascript - 跨域 iframe 可以检测浏览器的实际视口(viewport)尺寸吗?

javascript - 如何从 iframe 中的按钮获取响应代码

youtube - Youtube API 3.0:从 channel 获取特定的播放列表

python - YouTube API nextPageToken返回不可用的结果

javascript - yii2 和负载均衡

javascript - iframe 并未在所有 IE 版本中完全加载

javascript - "minimum"尺寸以下的 YouTube 播放器