video加载后的jQuery加载function

我有这样的HTML代码：

...  ... 

我用这个JS代码：

 $(document).ready(function () { "use strict"; $("#abc").load(function () { console.log(3); }); }); 

我想在video加载时运行该function。 JS代码适用于img标签，但不适用于video标签。 我希望它像img标签一样工作。 就像我希望它从缓存加载video时不运行。
我怎样才能做到这一点？

Answer 1

HTML元素video没有load事件。 它有其他，如loadstart ， loadeddata或loadedmetadata 。 在此处查看可能的viedo事件的完整列表。

 $(function () { "use strict"; $("#abc").on("loadstart", function () { console.log(3); }); }); 

loadeddata ：浏览器加载音频/video的当前帧时触发
loadedmetadata ：当浏览器加载音频/video的元数据时触发
loadstart ：浏览器开始查找音频/video时触发

Answer 2

您必须使用loadeddata事件来了解video的加载时间，您可以在此处查看事件的所有属性：

loadeddata事件

这里有一个例子：

 var video = document.getElementById("abc"); video.onloadeddata = function() { alert("Browser has loaded the current frame"); }; 

你也可以使用jquery选择器。