如何在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屬性查看用戶將離開哪個頁面）。

在處理程序中，停止視頻播放。