是否可以在页面中嵌入移动设备的 YouTube 视频，而不是链接到 YouTube？

Posted 2023-02-24

【中文标题】是否可以在页面中嵌入移动设备的 YouTube 视频，而不是链接到 YouTube？

【英文标题】：Is it possible to embed a YouTube video for mobile devices in a page, rather than linking to YouTube?

【发布时间】：2011-07-14 14:52:03

【问题描述】：

我有一个嵌入了 YouTube 视频的页面（使用 jQuery + swfobject）。目前，ios 用户需要被带到 YouTube 来观看视频，而不是在页面内观看。 android 浏览器将生成 YouTube 播放器而不重定向到 YT，因此可以正常工作。

是否可以嵌入 YT 视频，以便它们可以在 iOS 页面内播放？

【参考方案1】：

使用嵌入 iframe 的播放器版本，而不是 Flash 版本。嵌入式版本足够智能，可以根据设备呈现适当的播放器（即，它可以为支持它的 Android 等手机呈现 Flash 版本，或为 iPhone 呈现 html5 版本）。

如果您在 Youtube.com 上加载视频，则会有一个“分享”按钮为您提供代码，因此您基本上只需要复制粘贴即可。它应该看起来像这样：

<iframe 
      
    src="http://www.youtube.com/embed/videoid" 
    frameborder="0" allowfullscreen>
</iframe>

在developers' site 上有一个更高级的版本，带有各种参数和 javascript API 的演示。

更新：自 2015 年 1 月起，youtube 的 javascript api 已正式弃用。它已被新的和改进的Iframe API 取代。

【讨论】：

iframe版本还是有问题的，因为它是根据设备调整的，不是窗口大小，所以在大屏幕上还是会溢出小窗口。有解决办法吗？