HTML5視頻canPlay事件第二次不起作用

Question

我正在php中的某個站點上工作。 這些頁面是通過ajax加載的。 其中一頁包含HTML5視頻。 在視頻播放之前，我在其頂部展示了一個裝載器。 一旦它進入canPlay事件，我將刪除加載程序div。 但是問題是，當我第一次進入此頁面時，它可以正常運行並進入canplay函數。 但是，如果我轉到下一頁並返回，則根本不會進入canplay函數，這表明加載圖像沒有被刪除。

誰能幫助我，並告訴我解決方案。 提前致謝。

var videoObj = document.getElementById('video');
jQuery('.moduleBody').append('<div class="videoLoader" id="videoLoadingDiv"><img src="images/loader.gif" /></div>');
jQuery(videoObj).on('canplay', function(){
    jQuery('#videoLoadingDiv').remove();
});

問候，

NEHA

Answer 1

我發現了問題所在。 視頻已被緩存，因此在刷新時它也一直保留在瀏覽器中。 所以我要做的是，在“ video”標簽的src中傳遞一個隨機值作為參數。 因此，現在視頻不再緩存在瀏覽器中，而是進入canPlay（）函數內部。

無論如何，謝謝您的回答。

問候，

NEHA

Answer 2

缺少很多代碼，但我會把您的腳本放在這邊

$( document ).ready(function() {
    console.log( "ready!" );
});

也考慮使用.hide(); 而不是.remove();

使用$(window).unload(function(){}); 方法

Answer 3

然后可以添加它

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />