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>
に、古いページがスライドし始める直前に要素が表示されることを簡単に確認できることです。古いページに重なる傾向があり、遷移が非常に奇妙に見えます。