带有 jquery 移动转换的 videojs

Question

我正在使用 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> 元素出现在旧页面开始滑走之前。它倾向于在旧页面上重叠，使过渡看起来很奇怪。

Answer 1

试试：

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