Question

我正在使用jquery mobile和phonegap为iPad制作一个小应用程序。页面过渡很好，事情似乎运作良好。但是当我向其中一个页面添加一个视频（一个HTML5视频标签）时，一切都工作得很好，除了偶尔在页面转换远离带有视频的页面后，它将闪烁视频框。只有大约30％的时间才会发生。似乎有点随机。因此，无论何时我从视频页面转换，它都会在下一页上闪烁一段时间。它真的很烦人。也不会在模拟器中发生。

有谁知道如何阻止它？我尝试了一切，包括添加-webkit-backface-visibility：hidden;到jquery mobile 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>

过渡后jQuery Mobile视频闪烁

1 个答案: