转换后的jQuery Mobile视频闪烁

Question

我正在为使用jquery mobile和phonegap的iPad制作一个小应用程序。页面转换很好，事情似乎很好。但是，当我将一个视频（HTML5视频标签）添加到其中一个页面时，所有内容大部分都可以正常工作，除了在页面转换离开页面后偶尔会使视频框闪烁。只有大约30％的时间发生。似乎有点随意。因此，无论何时我离开我的视频页面，都会在下一页闪烁视频。它真的很烦人。在模拟器中也不会发生。

有谁知道如何阻止它？我已经尝试了一切，包括添加-webkit-backface-visibility：hidden;到jQuery手机CSS中的.ui-page类。没有什么似乎阻止它。

感谢您的任何帮助。

Answer 1

在这里找到一些信息; https://github.com/jquery/jquery-mobile/issues/455

旧的bug，线程中的一些小的修复，但还没有发布。

似乎是以什么样的顺序设置“webkit-backface-visibility”，首先我尝试了单独的.css文件并尽早加载。一些闪烁消失了，一些仍然离开。

然后，我在标签和视频/转换的最后所有内容之后添加了下面的代码，而不是在iphone和ipad上再次弹出。

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 

<style> 
    /* patch for jquerymobile page flicker */ 
    .ui-page { 
     -webkit-backface-visibility: hidden; 
    } 
</style> 
</head>