javascript - 在移动浏览器上点击按钮全屏播放 youtube 视频

Question

我想点击一个按钮全屏播放 YouTube 视频。我目前有以下 iframe:

<div class="youtube-trailer">
    <iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/whatever" allowfullscreen frameborder="0"></iframe>
</div>

特别是在 Safari Mobile 上，当按下“播放”按钮时，视频会以全屏模式启动，这是所需的行为。这可以。我不想在页面上显示 iframe。我只想要一个可以使用 native 视频播放器全屏打开视频的按钮。也就是说，我不想创建一个过于复杂的灯箱来存放视频。

有人有什么想法吗？

Answer 1

标准的 youtube 视频链接格式是:

http://www.youtube.com/watch?v=Lv-sY_z8MNs

您可以通过在 URL 中的“观看”后添加“_popup”来直接链接到全屏视频(无需打开新窗口):

http://www.youtube.com/watch_popup?v=Lv-sY_z8MNs

这应该适用于移动和桌面浏览器。当然，如果您最终确实想在新页面中打开链接，只需将“target="_blank"添加到您的起始 anchor 标记即可。