视频加载后的jQuery加载功能 [英] jQuery load function after video loaded
问题描述
我有这样的HTML代码:
I have a HTML code like this:
... <video id="abc" preload="auto" autoplay="autoplay" loop="loop" webkit-playsinline="">
<source src="3.mp4" type="video/mp4">
</video> ...
我使用了这个JS代码:
And I used this JS code:
$(document).ready(function () {
"use strict";
$("#abc").load(function () {
console.log(3);
});
});
我想在视频加载时运行该功能。 JS代码适用于 img
标记,但不适用于 video
标记。我希望它像 img
标签一样工作。就像我希望它在从缓存加载视频时不运行。
我该怎么做?
I wanna run that function when the video loads. The JS code works with img
tag but not with video
tag. I want it to work like the img
tag. Like I want it not to run when it loads videos from cache.
How can I do that?
推荐答案
HTML元素视频
没有加载
事件。它有其他,如 loadstart
, loadeddata
或 loadedmetadata
。查看此处可能的视频事件的完整列表。
HTML element video
does not have load
event. It has others, like loadstart
, loadeddata
or loadedmetadata
. See a full list of possible viedo events here.
$("#abc").on("loadstart", function() {
console.log(3);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<video id="abc" preload="auto" autoplay="autoplay" loop="loop" webkit-playsinline="">
<source src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
</video>
loadeddata :当浏览器加载了音频/视频的当前帧时触发>
loadedmetadata :当浏览器加载音频/视频的元数据时触发
loadstart :浏览器开始查找时触发音频/视频
loadeddata: Fires when the browser has loaded the current frame of the audio/video
loadedmetadata: Fires when the browser has loaded meta data for the audio/video
loadstart: Fires when the browser starts looking for the audio/video
这篇关于视频加载后的jQuery加载功能的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!