我不确定这是我代码的结构问题还是我的代码中缺少某些东西,但是我在 Safari 中加载 html 视频似乎有点慢。视频在实际可见之前至少播放 1 秒...这是我可以在视频开始播放之前创建延迟的一种方式吗? click here
<video preload="auto" autoplay volume="3" id="video-wall__content">
<source src="video/ad.mp4" type="video/mp4">
<source src="video/ad.ogv" type="video/ogg">
</video>
我已经添加了...
$(窗口).load(函数 () {
$(document.body).fadeIn(2000);
('#video-wall-wrapper').get(0).play();
});
最佳答案
试试这个。
$(window).load(function () {
$(document.body).fadeIn(2000, function(){
('#video-wall-wrapper').get(0).play();
});
});
只有当 fadeIn
完成时,视频才会开始。根据规范,fadeIn接受 2 个参数。
duration:决定动画运行时长的字符串或数字。
complete:动画完成后调用的函数。
这适用于 jQuery 中的每个异步事件。您总有办法提供回调函数。
<video preload="auto" autoplay volume="3" id="video-wall__content">
autoplay: Instructs the UA to automatically begin playback of the video as soon as it can do so without stopping.
Source .
是的,这基本上违背了使用 jQuery 开始视频的整体感觉。
关于javascript - 卸载 html 5 视频的播放延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26704341/