视频字幕菜单在iOS 6主屏幕Web应用程序中无效

时间:2012-12-03 10:18:22

标签: web-applications ios6 html5-video ipod-touch

我在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上进行测试只会显示菜单。

1 个答案:

答案 0 :(得分:0)

此问题已在iOS7中修复。