YouTube iframe 在移动设备上嵌入空白答案

【问题标题】：YouTube iframe Embed Blank On MobileYouTube iframe 在移动设备上嵌入空白
【发布时间】：2014-04-04 10:07:40
【问题描述】：

我正在一个网站上做一个简单的 iframe 嵌入 YouTube 视频，该网站将在移动设备和桌面设备上观看。我用来嵌入视频的代码是这样的：

<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe>

我的印象是，如果 Flash 不可用，则会提供 HTML5 播放器，但是当我在移动设备上调试时，视频是在 Flash 中提供的并且无法正常工作。

是我使用了错误的 URL，还是需要做额外的事情才能正确嵌入视频？我注意到您也可以使用 JavaScript 进行 iframe 嵌入。

【问题讨论】：

【解决方案1】：

这是您的案例中发生的实际问题。

当您使用以下代码嵌入 youtube 视频时<iframe src="https://www.youtube.com/v/VIDEO_ID"></iframe> 实际上加载了一个 Flash 播放器。在这种情况下，您的手机不支持 Flash。

要解决此问题，您可以使用具有以下结构的 HTML5 播放器<iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>

您可以使用此youtube code generator 生成自定义播放器嵌入代码。

【讨论】：

【解决方案2】：

不知何故，我最终使用了错误的 URL，对于 iframe 嵌入，您必须使用：http://www.youtube.com/embed/VIDEO_ID

【讨论】：