菜鸟教程小白 发表于 2022-12-12 14:52:39

javascript - 强制由 anchor 链接的视频在 iPad 上全屏播放


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

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

<pre><code>&lt;a href=&#34;http://vimeo.com/videourl.mp4&#34;&gt;
   &lt;p&gt;watch the film&lt;/p&gt;
&lt;/a&gt;
</code></pre>

<p>我查看了 StackOverflow 和 <a href="https://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser" rel="noreferrer noopener nofollow">this question</a>展示了如何以 <em>other</em> 方式强制它内联播放，而不是全屏播放。但我没有看到扭转这种情况的选项。</p>

<p>我正在运行 iOS 7 的 iPad 2 上进行测试。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><pre><code>    function addFullscreenButton() {

      if (vid.webkitSupportsFullscreen) {

            var fs = document.getElementById(&#34;fs&#34;);

            fs.style.visibility = &#34;visible&#34;;

      }

    }

    function goFullscreen() {

      vid.webkitEnterFullscreen();

    }
</code></pre>

<p>html5:</p>

<pre><code>&lt;video src=&#34;myMovie.m4v&#34; id=&#34;myVideo&#34; autoplay controls&gt;&lt;/video&gt;
&lt;input type=&#34;button&#34; id=&#34;fs&#34; value=&#34;Fullscreen&#34; onclick=&#34;goFullscreen()&#34; style=&#34;visibility:hidden&#34;&gt;
</code></pre>

<p>引用:<a href="https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html" rel="noreferrer noopener nofollow">https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 强制由 anchor 链接的视频在 iPad 上全屏播放，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/19023634/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/19023634/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - 强制由 anchor 链接的视频在 iPad 上全屏播放