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

2021-07-09 11:01:36 +08:00
 TomatoYuyuko

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

1104 次点击
所在节点    问与答
11 条回复
kop1989
2021-07-09 11:10:55 +08:00
用本地存储,页面一上来就将视频文件拉到本地存储,然后储发事件后播放本地存储的文件。
如果本地存储地方不够,那么就不适合当作网页的素材。
3dwelcome
2021-07-09 11:27:34 +08:00
https://demo.doveaz.xyz/

也是 V 站搜来的,如何预加载 mp4 视频。
TomatoYuyuko
2021-07-09 11:28:56 +08:00
@3dwelcome 哦哦这个是指隐藏的 video 不会播放但是会加载吗,666
TomatoYuyuko
2021-07-09 11:30:15 +08:00
@kop1989 本地存储指得是?要转化成二进制存储?
netwjx
2021-07-09 11:44:25 +08:00
能, video 不自动播放就行了, 仔细看事件, 是否有加载完成
digimoon
2021-07-09 11:53:16 +08:00
我是取了视频的第一帧放最上层,等底下的视频层加载完成后再移除上层然后播放
xieqiqiang00
2021-07-09 13:42:02 +08:00
创建一个 video,但不播放,不就可以预载了么
TomatoYuyuko
2021-07-09 14:06:31 +08:00
@netwjx video 没有 controls 的情况下,该怎么控制一个关闭自动播放的 video 元素播放?我查了 video 标签好像没有暴露出来方法呀
TomatoYuyuko
2021-07-09 14:07:33 +08:00
@xieqiqiang00 那该怎么手动播放?除了 2L 说的 display none 的方法
xieqiqiang00
2021-07-09 14:39:57 +08:00
@TomatoYuyuko 直接获取到 video 的 DOM 对象然后调用 play 就好了
netwjx
2021-07-12 11:41:32 +08:00
@TomatoYuyuko 发下你去哪查的资料?

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

https://www.v2ex.com/t/788460

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

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

© 2021 V2EX