html 5视频的卸载播放延迟

unload play delay for html 5 video

本文关键字：播放 延迟 卸载 视频 html      更新时间：2023-09-26

我不确定这是我的代码结构，还是我的代码中缺少了什么，但我在Safari中加载html视频的速度似乎有点慢。视频播放至少1秒后才真正可见。。。这是一种在视频开始播放之前创建延迟的方法吗？点击此处

<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>

我添加了。。。

$(window).load(function () { $(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：指示UA自动开始播放视频，只要它能做到不停。

来源。

所以，是的，这基本上违背了用jQuery开始视频的全部意义。

相关文章：