我在iPod Touch和iPad上运行了一个带有视频播放页面的webapp。视频是经过转码的,包含多个音轨和字幕轨道(嵌入式)。
在iOS4.3.3和iOS5.1.1的主页上运行webapp运行良好,全屏,我可以选择音频和字幕轨道。
现在我拥有iOS5.0.1的第5代iPod。如果我从主屏幕在该设备上运行相同的webapp,它将全屏运行,但是当我按下字幕按钮时,菜单不会出现在视频的顶部。当我按下字幕按钮(仅在横向时可用),然后回到纵向并按完成按钮,我可以看到adiotrack / subtitle菜单在视频后面。
我的最小测试用例
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- THIS LINE -->
<title>video test</title>
</head>
<body>
<div id="streampage">
<video id="videostream" src="main.m4v" controls="controls" preload="none" style="-webkit-transform-style: preserve-3d;"></video>
</div>
</body>
</html>
当我在浏览器中打开它时,将其保存到主屏幕然后从主屏幕启动它,音视图/字幕菜单不可见(显然在电影后面)
当我删除带注释<!-- THIS LINE -->
的行时,在浏览器中打开页面,将其保存到主屏幕并从那里开始,我可以看到录音带/字幕菜单没有问题。但是,webapp不再是全屏幕了。
任何人都知道从主页启动时保持webapp全屏的解决方法 - 并且能够看到录音带/字幕菜单吗?
注意:这仅在iPod上失败。使用iOS6.0.1在iPad3上进行测试只会显示菜单。
答案 0 :(得分:0)
此问题已在iOS7中修复。