vue项目 做的视频图片文章社区 视频和图片加载问题

Question

问题描述

在使用vue开发社区网站 拟定用户浏览数据浏览 头条或者西瓜视频的那种 在移动端app 浏览时候 有个视频或者图片的预览图 点击预览图可以直接浏览视频或者图片 为什么我做的 app 都要 等到视频全部下载完成才可以播放 而他们的是 点击播放时候 播放一点数据请求一点数据这点是怎么做的啊是前端的技术还是 服务器端的技术实现的？

问题出现的环境背景及自己尝试过哪些方法

添加视频预览图 图片列表使用 预加载技术

Answer 1

如果我没理解错，是不是想视频加载完成后执行代码？如果是，请看看以下是否合你意思？
H5有一个视频监听的事件：canplaythrough，可以监听视频/音频是否加载完成，例子如下：

对象.addEventListener('canplaythrough',function(){ 
    //加载完成执行以下代码；
    });