android - Androidで表示したときにjqueryモバイルサイトにYouTubeビデオを埋め込むのに問題がある

Question

さて、問題は実際にはメニューを別のページ（ページID）に移動しようとするときです。最初に「プラグインをアクティブ化するためにここをタップする」ように求められますが、それは問題ではありません。プラグインをアクティブ化した後、別のページに移動している間、ビデオは画面に表示されたままになっているようです。gallaxys2でテストしました。（iphone 4 ios5でうまく機能します）助けていただければ幸いです。ここにリンクがあります。言語がわからない場合は申し訳ありません：http： //einatmaor.co.il/mobile

コードは次のとおりです。

        <div data-role="page" id="page1">
          <div data-theme="d" data-role="header" data-position="fixed">
            <span class="ui-title">
             <img style="width: 100%; " src="images/logo.png" />
            </span>

            <div data-role="navbar" data-iconpos="top">
                <ul>
                    <li>
                        <a href="#page1" data-theme="a" data-icon="" data-transition="slide" class="ui-btn-active ui-state-persist">
                           בית
                        </a>
                    </li>
                    <li>
                        <a href="#page2" data-theme="a" data-icon="" data-transition="slide">
                            אודות
                        </a>
                    </li>
                    <li>
                        <a href="#page3" data-theme="a" data-icon="" data-transition="slide">
                            שרותים
                        </a>
                    </li>
                    <li>
                        <a href="#page4" data-theme="a" data-icon="" data-transition="slide" >
                             צור קשר 
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div data-role="content" style="margin:0 auto;padding:5px;text-align:center;padding-top:25px;">
       <iframe width="300" height="169" src="http://www.youtube.com/embed/F6P9rkh96jk?wmode=opaque" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>        
 <!-- about -->
    <div data-role="page" id="page2">
        <div data-theme="d" data-role="header" data-position="fixed">
            <span class="ui-title">
             <img style="width: 100%;" src="images/logo.png" />
            </span>

            <div data-role="navbar" data-iconpos="top">
                <ul>
                    <li>
                        <a href="#page1" data-theme="a" data-icon="" data-transition="slide" >
                           בית
                        </a>
                    </li>
                    <li>
                        <a href="#page2" data-theme="a" data-icon="" data-transition="slide" class="ui-btn-active ui-state-persist">
                            אודות
                        </a>
                    </li>
                    <li>
                        <a href="#page3" data-theme="a" data-icon="" data-transition="slide">
                            שרותים
                        </a>
                    </li>
                    <li>
                        <a href="#page4" data-theme="a" data-icon="" data-transition="slide" >
                             צור קשר 
                        </a>
                    </li>
                </ul>
            </div>
        </div>
...and so on...