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上测试的时候视频都是全屏的,怎么才能不全屏?