轉換後的jQuery Mobile視頻閃爍

我正在爲使用jquery mobile和phonegap的iPad製作一個小應用程序。頁面轉換很好，事情似乎很好。但是，當我將一個視頻（HTML5視頻標籤）添加到其中一個頁面時，所有內容大部分都可以正常工作，除了在頁面轉換離開頁面後偶爾會使視頻框閃爍。只有大約30％的時間發生。似乎有點隨意。因此，無論何時我離開我的視頻頁面，都會在下一頁閃爍視頻。它真的很煩人。在模擬器中也不會發生。轉換後的jQuery Mobile視頻閃爍

有誰知道如何阻止它？我已經嘗試了一切，包括添加-webkit-backface-visibility：hidden;到jQuery手機CSS中的.ui-page類。沒有什麼似乎阻止它。

感謝您的任何幫助。

來源

2012-01-09 Ken Williams

在這裏找到一些信息; 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>

來源

2012-02-20 20:16:48

轉換後的jQuery Mobile視頻閃爍

回答

相關問題