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

Posted

技术标签:

【中文标题】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 视频,在全屏状态下连续播放的主要内容,如果未能解决你的问题,请参考以下文章

如何全屏模式自定义视频播放器并在全屏打开时向下滚动

如何确定 HTML5 视频播放器何时在 iOS / iPad 上进入全屏模式?

如何在全屏模式下开始电影或在横向播放时重新调整播放器宽度?

我用html5的video标签做的视频页面,在iphone上测试的时候视频都是全屏的,怎么才能不全屏?

MPMoviePlayerController 在全屏模式下停止工作 // 纵向 // iOS 7

在 iOS 中连续播放 HTML5 音频/视频?