javascript - HTML5视频canPlay事件第二次不起作用

我正在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();
});

问候，

内哈

最佳答案

我发现了问题所在。视频已被缓存，因此在刷新时它也一直保留在浏览器中。所以我要做的是，在“ video”标签的src中传递一个随机值作为参数。因此，现在视频不再缓存在浏览器中，而是进入canPlay（）函数内部。

无论如何，谢谢您的回答。

问候，

内哈