Question

我遇到了问题，我正在尝试按下Android原生后退按钮暂停视频，但它似乎无法正常工作。

我有这个代码，只要按下jquery按钮（包括data-rel=back）

就可以正常工作

但是当我按下原生后退按钮时，页面会成功返回，但视频会在后台继续播放。

这是我的代码，它使用jquery按钮：

$(document).on("pagebeforehide", function () {
    $("video").each(function(){
        $(this).get(0).pause();
    }); 
});

只要我按下jquery按钮，上面的代码就会在我更改页面时工作并暂停视频。

我甚至试过这个，但由于某些原因它不起作用？

document.addEventListener("backbutton", goback , false);

function goback() {
    $("video").each(function(){
        $(this).get(0).pause();
    });
navigator.app.backHistory();
}

理论上，我不需要将此代码放在goback()函数中，因为它应该在pagebeforehide上触发，我无法理解它为什么不这样做？有什么原因吗？

Answer 1

var myVideo=document.getElementById("video1"); 
function playVid() { myVideo.play(); } 
function pauseVid() { myVideo.pause(); }

Answer 2

我自己设法解决了这个问题，我使用这个简单的代码来修复它：

$(document).on("pagebeforehide", function () {
    $("video").each(function(){
    this.load();
    });
});

因此，在页面隐藏之前，它会查找该页面中的每个标记，强制它停止播放，然后重新加载回到开头。

使用pause（）方法在Android设备上暂停html 5视频

2 个答案: