2012-05-28 48 views
1

我使用jQuery Mobile的過渡滑動到這樣的頁面:videojs與jQuery Mobile的過渡

$.mobile.changePage(video_page.html, {transition: "slide", reverse: false}); 

我過渡到該頁面包含一個視頻元素使用videojs顯示出來,就像這樣:

<video id="vidWindow0" class="video-js vjs-default-skin ref-linked" 
controls preload="auto" data-model-renderer="video" 
data-model-play="true" ></video> 

<video>元素不包含任何src,因爲我將它動態添加到綁定到"pagebeforechange"事件的函數中。我遇到的問題是,當轉換到此頁面時,我可以簡要地看到<video>元素出現在舊頁面開始滑動之前。它往往在舊頁面上重疊,使轉換看起來很奇怪。

回答

0

嘗試:

.ui-page { 
     -webkit-backface-visibility: hidden; 
}