菜鸟教程小白 发表于 2022-12-12 17:40:57

iOS:HTML5 视频，在全屏状态下连续播放


                                            <p><p>我目前正在开发一个 iPad 应用程序，用于聚合互联网上的各种视频源。然后使用 UIWebView、一些 Javascript、<video> 标签和 mp4 URL，我可以播放视频并出现原生 iOS 视频控件。这一切都很好。 </p>

<p>此外，通过订阅视频“结束”事件，我可以在您正在观看的视频结束后排队播放另一个视频。这也很有效，<em>除了</em>如果您在下一个视频开始播放时处于全屏状态，您将被带出并返回应用程序!</p>

<p>有谁知道当加载新视频时我可以在 iOS 中保留全屏 HTML5 视频的方法？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>以下内容适用于 iPod touch 上的移动 Safari。监听结束事件并将当前视频标签的来源更改为新视频。</p>

<pre><code>&lt;html&gt;
    &lt;body&gt;
      &lt;video id=&#34;myVideo&#34; src=&#34;http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v&#34; autoplay&gt;
       &lt;/video&gt;
       &lt;script&gt;
       document.getElementById(&#39;myVideo&#39;).addEventListener(&#39;ended&#39;,myHandler,false);
       function myHandler(e) {
         if(!e) { e = window.event; }
            // What you want to do after the event         
            document.getElementById(&#39;myVideo&#39;).src=&#39;http://movies.apple.com/media/us/html5/showcase/2010/demos/apple-html5-demo-tron_legacy-us-20100601_r848-2cie.mov&#39;;
       }
       &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于iOS:HTML5 视频，在全屏状态下连续播放，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/7572346/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/7572346/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: iOS:HTML5 视频，在全屏状态下连续播放