【问题标题】:iOS: HTML5 video, continuous playback while remaining in fullscreeniOS:HTML5 视频,在全屏状态下连续播放
【发布时间】:2011-11-26 04:56:12
【问题描述】:
我目前正在开发一个 iPad 应用程序,用于聚合互联网上的各种视频源。然后使用 UIWebView、一些 Javascript、
此外,通过订阅视频“结束”事件,我可以在您正在观看的视频结束后排队播放另一个视频。这也很有效,除了如果您在下一个视频开始播放时处于全屏状态,您将被带出并返回应用程序!
有谁知道当加载新视频时我可以在 iOS 中保留全屏 HTML5 视频的方法?
【问题讨论】:
标签:
ios
ipad
html
html5-video
【解决方案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>