iOS:HTML5视频,连续播放,同时保持全屏

时间:2011-09-27 16:15:19

标签: ios ipad html5 html5-video

我目前正在开发一款可在互联网上汇总各种视频源的iPad应用。然后使用UIWebView,一些Javascript,一个< video>标签和mp4 URL我可以播放视频和原生iOS视频控件出现。一切都很好。

此外,通过订阅视频“结束”活动,我可以排队另一个视频,以便在您正在观看的视频结束后播放。这也很有效, EXCEPT 如果您在下一个视频开始播放时全屏显示,那么您将被取出并返回应用程序!

有人知道在加载新视频时我可以在iOS中保留全屏HTML5视频吗?

1 个答案:

答案 0 :(得分:4)

以下适用于iPod touch上的移动野生动物园。收听结束事件并将当前视频标记的来源更改为新视频。

<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>