在Android上查看时，在jquery移动网站上嵌入youtube视频时遇到问题

Question

好吧，问题实际上是在尝试浏览菜单到不同的页面（页面ID）时。首先它要求“点击此处激活插件”，但那不是普鲁姆。 激活插件后，视频似乎在导航到不同页面时保留在屏幕上。 在gallaxy s2上测试它。 （它适用于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...