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 mobile通过ajax将页面加载到主页面中。因此，当您离开视频页面时，它仍保留在DOM中。您可以使用 beforechange( event, ui ) 之类的pagecontainer事件来检测用户何时离开视频页面（使用UI对象的prevPage属性查看用户要离开的页面）。

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

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

1 个答案: