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

Question

我正在用 php 开发一些网站。页面通过ajax加载。其中一个页面有 HTML5 视频。在视频播放之前，我在其顶部显示了一个加载程序。一旦进入 canPlay 事件，我就会删除 loader 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();
});

问候，

内哈

Answer 1

我发现问题出在哪里了。视频已被缓存，因此在刷新时它也曾经在浏览器中保持缓存。所以我所做的是，我在“video”标签的 src 中传递一个随机值作为参数。所以现在视频不会缓存在浏览器中，而是进入 canPlay() 函数内部。

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

问候，

内哈