强制由锚链接的视频在 iPad 上全屏播放

Posted 2023-03-12

【中文标题】强制由锚链接的视频在 iPad 上全屏播放

【英文标题】：forcing a video linked by an anchor to play fullscreen on an iPad

【发布时间】：2013-09-26 08:55:46

【问题描述】：

有没有办法强制视频在 iPad 上全屏播放？

我有一个带有 Vimeo 链接的基本锚，但是它在浏览器窗口中打开 - 而不是全屏。

<a href="http://vimeo.com/videourl.mp4">
   <p>watch the film</p>
</a>

我查看了 ***，this question 展示了如何以 other 方式强制它内联播放，而不是全屏播放。但我没有看到扭转这种情况的选项。

我正在运行 ios 7 的 iPad 2 上进行测试。

【参考方案1】：

    function addFullscreenButton() 

        if (vid.webkitSupportsFullscreen) 

            var fs = document.getElementById("fs");

            fs.style.visibility = "visible";

        

    

    function goFullscreen() 

        vid.webkitEnterFullscreen();

    

html5:

<video src="myMovie.m4v" id="myVideo" autoplay controls></video>
<input type="button" id="fs" value="Fullscreen" onclick="goFullscreen()" style="visibility:hidden">

参考：https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithjavascript/ControllingMediaWithJavaScript.html