好吧,问题实际上是在尝试通过菜单导航到不同的页面(页面 id)时。首先它要求“点击此处激活插件”,但这不是问题。激活插件后,视频似乎停留在屏幕上,同时导航到不同的页面。在galaxy s2上进行了测试。(它在 iphone 4 ios5 上运行良好)将不胜感激。这是链接,如果您不懂语言,请见谅:http: //eiatmaor.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...