Question

我不确定它是否是我的代码的结构或我的代码中缺少的东西，但它似乎我有一点点在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>

我添加了......

$(window).load(function () { $(document.body).fadeIn(2000); ('#video-wall-wrapper').get(0).play(); });

Answer 1

试试这个。

$(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自动开始播放视频尽快完成，但不会停止。

Source

所以是的，这基本上违背了用jQuery启动视频的整体意识。

卸载html 5视频播放延迟

1 个答案: