重新访问页面时不显示视频

Question

这是我的场景：我将视频嵌入到封装在 phonegap 中的页面中。第一次点击页面时，视频会出现并播放。当点击后退按钮时，视频停止播放，您将返回上一页。如果您尝试导航回视频，则只会显示控制栏而不会显示视频。如果按播放，音频播放但没有视频。这是我的html代码：

<section id="presentationlink_Demo" data-role="page" data-theme="b" data-fullscreen="true">
      <header data-role="header"><h1>Presentation Link - Demo</h1></header>
      <div class="content" id="presentationDemo" data-role="content">

          <OBJECT id="linkVideo" classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab'>
              <param name='src' value="videos/PT/PT.mov">
              <param name='controller' value="true">
              <param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always">
              <EMBED src="videos/PL/PL.mov" controller="true" pluginspage='http://www.apple.com/quicktime/download/'>
              </EMBED>
          </OBJECT>
        </div>
      <footer data-role="footer" data-position="fixed"></footer>
   </section> 

html 没有被任何 js 触及。提前感谢您的帮助。

Answer 1

从您的 cmets 看来，您似乎在页面之间使用默认的 ajax 转换。删除此行为应该可以解决您的问题。

1) 您可以将data-ajax="false" 添加到特定链接以从中删除 ajax。

2) 你也可以像这里一样刷新你的div：Ajax - How refresh <DIV> after submit

3) 您可以使用以下方法从所有链接中删除 ajax：

     $(document).ready(function () {


         $('a').each(function () {
             $(this).attr("data-ajax", "false");
         });
    });

4) 或者使用这个删除 ajax：

$(document).bind("mobileinit", function () {

        $.mobile.ajaxEnabled = false;

});

数字 4 还允许您在将来使用 POST 呼叫。