OStack程序员社区-中国程序员成长平台

标题: javascript - 强制由 anchor 链接的视频在 iPad 上全屏播放 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 14:52
标题: javascript - 强制由 anchor 链接的视频在 iPad 上全屏播放

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

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

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

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

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

---

Best Answer-推荐答案

    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

关于javascript - 强制由 anchor 链接的视频在 iPad 上全屏播放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19023634/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4