带有 jquery 移动转换的视频JS

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;
}