jQueryモバイルビデオフリッカー移行後

Question

jquery mobileとphonegapを使用してiPad用の小さなアプリを作っています。ページ遷移は素晴らしく、物事はうまくいくようです。しかし、ビデオ（HTML5ビデオタグ）をページの1つに追加すると、ビデオでそのページからページ遷移した後で、ビデオボックスをちらつきます。時間の約30％だけが発生します。ランダムなようです。だから、私がビデオページから離れるときはいつでも、次のページのビデオを瞬間的に点滅させます。その本当に迷惑な。シミュレータでも発生しません。

誰もそれを止める方法を知っていますか？私は、-webkit-backface-visibility：hiddenを追加するなど、すべてを試しました。 jQueryモバイルCSSの.ui-pageクラスに追加しました。それを止めるようなことはありません。

ありがとうございました。

Answer 1

ここにいくつかの情報が見つかりました。 https://github.com/jquery/jquery-mobile/issues/455

古いバグ、スレッド内のいくつかの小さな修正が、まだリリースされていません。

「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>