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

Posted 2023-05-08

技术标签:

【中文标题】iOS：HTML5 视频，在全屏状态下连续播放【英文标题】：iOS: HTML5 video, continuous playback while remaining in fullscreen 【发布时间】：2011-11-26 04:56:12 【问题描述】：

我目前正在开发一个 iPad 应用程序，用于聚合互联网上的各种视频源。然后使用 UIWebView、一些 javascript、

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

有谁知道当加载新视频时我可以在 iOS 中保留全屏 html5 视频的方法？

【问题讨论】：

【参考方案1】：

以下内容适用于 iPod touch 上的移动 Safari。监听结束事件，将当前视频标签的来源改为新视频。

<html>
    <body>
        <video id="myVideo" src="http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v" autoplay>
       </video>
       <script>
       document.getElementById('myVideo').addEventListener('ended',myHandler,false);
       function myHandler(e) 
           if(!e)  e = window.event; 
              // What you want to do after the event         
              document.getElementById('myVideo').src='http://movies.apple.com/media/us/html5/showcase/2010/demos/apple-html5-demo-tron_legacy-us-20100601_r848-2cie.mov';
       
       </script>
    </body>
</html>

【讨论】：

我希望我可以预加载/缓冲以下视频 =)

以上是关于iOS：HTML5 视频，在全屏状态下连续播放的主要内容，如果未能解决你的问题，请参考以下文章