javascript - videojs 与 jquery 移动过渡

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，因为我将其动态添加到绑定(bind)到 "pagebeforechange" 的函数中。事件。我遇到的问题是，当转换到此页面时，我可以短暂地看到 <video>元素出现在旧页面开始滑动之前。它往往会与旧页面重叠，使过渡看起来很奇怪。

Answer 1

尝试:

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