页面 mp4 可以做到先加载，再延迟播放吗

2021 年 7 月 9 日
 TomatoYuyuko

框架是 nuxt，想做一个滚动到指定位置播放 mp4，mp4 是作为背景出现的，没有操作框，lottie 好像不支持 mp4，暂时用的 video 标签，但是不知道该怎么写让他先加载后播放。如果是滚动到触发位再加载的话我但是 mp4 加载太慢了不能第一时间展示出来

1488 次点击
所在节点    问与答
11 条回复
kop1989
2021 年 7 月 9 日
用本地存储，页面一上来就将视频文件拉到本地存储，然后储发事件后播放本地存储的文件。
如果本地存储地方不够，那么就不适合当作网页的素材。
3dwelcome
2021 年 7 月 9 日
https://demo.doveaz.xyz/

也是 V 站搜来的，如何预加载 mp4 视频。
TomatoYuyuko
2021 年 7 月 9 日
@3dwelcome 哦哦这个是指隐藏的 video 不会播放但是会加载吗，666
TomatoYuyuko
2021 年 7 月 9 日
@kop1989 本地存储指得是？要转化成二进制存储？
netwjx
2021 年 7 月 9 日
能, video 不自动播放就行了, 仔细看事件, 是否有加载完成
digimoon
2021 年 7 月 9 日
我是取了视频的第一帧放最上层，等底下的视频层加载完成后再移除上层然后播放
xieqiqiang00
2021 年 7 月 9 日
创建一个 video，但不播放，不就可以预载了么
TomatoYuyuko
2021 年 7 月 9 日
@netwjx video 没有 controls 的情况下,该怎么控制一个关闭自动播放的 video 元素播放？我查了 video 标签好像没有暴露出来方法呀
TomatoYuyuko
2021 年 7 月 9 日
@xieqiqiang00 那该怎么手动播放？除了 2L 说的 display none 的方法
xieqiqiang00
2021 年 7 月 9 日
@TomatoYuyuko 直接获取到 video 的 DOM 对象然后调用 play 就好了
netwjx
2021 年 7 月 12 日
@TomatoYuyuko 发下你去哪查的资料?

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/788460

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX