在按钮上单击移动浏览器,全屏播放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页面上显示.我只想要一个按钮,使用原生视频播放器全屏打开视频.即我不想创建一个过于精细的灯箱来容纳视频.

有人有主意吗？

Answer 1

标准的YouTube视频链接格式为:

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

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

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

这适用于移动和桌面浏览器.当然,如果您最终想要在新页面中打开链接,只需将"target ="_ blank"添加到您的开始锚标记中即可.