优酷视频无法在移动设备上运行

Question

我的网站上有一些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>

Answer 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>