在jQuery Mobile中更改页面时,Soundcloud播放器会停止

时间:2014-08-08 22:25:09

标签: jquery mobile soundcloud

我一直在研究这个问题,并尝试了大量不同的建议来实现这一目标,并且我认为我会寻求帮助,因为我仍然遇到问题。

我有一个多外部页面的jQuery Mobile网站。我的music.html页面为SoundCloud播放器加载了一个iFrame。播放器运行良好,但当我切换到网站中的其他页面时,它会停止。我喜欢继续比赛。

如果我在音乐页面上并使用浏览器刷新刷新它,则播放器可以正常工作。它播放,我可以自由地在网站上移动而不会丢失音频。因此,这让我相信,如果我能以某种方式在音乐页面加载时触发重新加载,那么播放器将按照我喜欢的方式工作,但在尝试了可能的十几个或更多重新加载/刷新脚本之后,结果各不相同,没有人允许玩家继续玩。

现在,我添加了数据-ajax =" false"到加载音乐页面的菜单链接。即使我失去了我的"幻灯片"对于页面的过渡,现在可以根据需要进行一次警告;如果音乐正在播放,我点击任何其他页面的音乐链接,它会重新加载音乐页面,从而停止播放音乐。

以下是我尝试无效的一些事情:

$( ":mobile-pagecontainer" ).pagecontainer( "change", window.location.href, { allowSamePageTransition:true, transition:'none', showLoadMsg:false, reloadPage:true } );

此外:

window.location.reload();

另外:

function refreshPage(page){
    // Page refresh
    page.trigger('pagecreate');
    page.listview('refresh');
}

另外:

function refreshPage()
{
    jQuery.mobile.changePage(window.location.href, {
        allowSamePageTransition: true,
        transition: 'none',
        reloadPage: true
    });
}

另外:

<div data-role="page" data-cache="false">

我不介意丢失页面转换并保持数据-ajax =&#34; false&#34;我的音乐页面加载时我只是想知道在点击音乐按钮时是否有办法保持音乐播放。

很抱歉很长的帖子!我非常感谢这里的任何指导。

非常感谢!!

0 个答案:

没有答案