如何在Jquery移动网站上离开页面时停止播放视频

Question

当用户离开播放视频播放的页面不停止时。我该如何解决它？

谢谢！

<div class="panel left" data-role="panel" data-position="left" data-display="push" id="panel-01" > 

     <ul> 
      <li><a href="#initPage" title="Home">Inicio</a></li> 
      <li class="profile"><a href="#profilePage" title="Profile">Perfil</a></li> 
      <li class="newsfeed"><a href="#dialerPage" title="Setting">Llamar</a></li> 
      <li class="report"><a href="#" title="Logout">Ayuda</a></li> 
      <li class="logout"><a href="#" title="Report">Salir</a></li> 
      <li><a href="#formPage1" title="Report">Creditos</a></li> 
      <li><a href="#" title="Report">Idioma</a></li> 
     </ul> 
    </div> 
    <div class="header" data-role="header"> 
     <span class="open left"><a href="#panel-01">&#61641;</a></span> 
     <span class="title">VIDEO</span> 
    </div> 
    <div class="content" data-role="content"> 


<embed id="bgvid" src=""></embed> 

    </div> 

Answer 1

的jQuery通过ajax移动网页加载到主网页。所以当你离开视频页面时，它仍然在DOM中。您可以使用诸如beforechange(event, ui)之类的pagecontainer事件之一来检测用户何时离开视频页面（使用UI对象的prevPage属性查看用户将离开哪个页面）。

在处理程序中，停止视频播放。