アプリケーション内で再生するビデオに iframe を配置すると、jQuery UI ヘッダーの [戻る] ボタンが機能しなくなりました。
コードから iframe を取り出すと、再び正しく機能します。ここでの修正を誰かが知っているかどうか疑問に思っているのは、iframe がオンになっているページのコードです。
<div data-role="page" id="about" data-add-back-btn="true" data-back-btn-text="Back" >
<div data-role="header" >
<h1>About</h1>
</div><!-- /header -->
<div data-role="content">
<div id ="aboutsection">
<div id="about-logo"><img src="images/small-logo.png" /></div>
<div id="video-thumb">
<a href="#popupVideo" data-rel="popup" data-position-to="window"><img src="images/video-thumb.png"/></a>
<div data-role="popup" id="popupVideo" data-tolerance="15,15" class="ui-content">
<iframe src="
http://player.vimeo.com/video/54553882?portrait=0" seamless></iframe>
</div>
</div><!--/video-thumb-->
<p>© Be Active North-East</p>
</div><!--/aboutsection-->
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Be Active North East </h4>
</div><!-- /footer -->