Youtube 视频无法在移动设备上播放

【问题标题】：Youtube videos not working on mobileYoutube 视频无法在移动设备上播放
【发布时间】：2016-02-03 08:01:36
【问题描述】：

我的网站上有一些 youtube 视频。它们在桌面上运行良好（当我将桌面浏览器屏幕调整为移动屏幕大小时）。但是当我尝试在移动设备上观看这些视频时，youtube 应用程序会打开，并且视频会在应用程序中播放，而不是在网站上播放。我希望视频在网站本身而不是在应用程序中播放。有什么解决办法吗？

HTML：

<embed src="http://www.youtube.com/v/xyz&amp;hl=en_GB&amp;fs=1?rel=0&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="370"></embed>

【问题讨论】：

标签： youtube-api youtube-iframe-api

【解决方案1】：

您应该改用iframe 而不是embed。见Youtube iFrame Player API。

IFrame 播放器 API 可让您在自己的网站上嵌入 YouTube 视频播放器并使用 JavaScript 控制播放器。与 Flash 和 JavaScript 播放器 API 不同，两者都涉及在您的网页上嵌入 Flash 对象，IFrame API 将内容发布到您网页上的 <iframe> 标记

这是一个关于如何使用iframe的例子：

<iframe title="YouTube" class="youtube-player" type="text/html" width="640" height="390" src=YOUTUBE_VIDEO frameborder="0" allowFullScreen></iframe>

【讨论】：