Video无法播放多个同时回放视频

使用Video标签实时播放视频,
会出现多个视频会存在一直加载的情况 单个的情况就会好很多

1、网络问题
2、同时播放多个请使用ws而不是http

1.扫描二维码时,将其视频列表存入model中,存入第一条是为了,不在html界面重新获取第一条视频:

model.addAttribute("playUrl", videos.get(0).getVideoUrl());
model.addAttribute("videoUrls", JsonUtils.toJson(videos));
2.返回其对应的html界面:

return "client/coursePlayer.html";
3.使用video 播放视频第一条视频:


4.用ended 监控视频播放进度:

html界面如下:

${title}

软解码播放视频很吃资源的,尤其CPU,你播放多路,解码不过来就卡顿了

每个视频都有一个唯一id,可能是id冲突了

1.视屏做cdn 加快速率
2.使用第三方插件,例如:西瓜视频 video.js等你