掌财社:video循环播放多个视频有哪些方法？方法步骤分享！

今天我们来说说好我们日常有关的内容，那么：“video循环播放多个视频有哪些方法？”这个问题就是今天和大家分享的相关内容，希望对小伙伴们有所帮助！ 

设计流程

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

  model.addAttribute("playUrl", videos.get(0).getVideoUrl());
  model.addAttribute("videoUrls", JsonUtils.toJson(videos));

2.返回其对应的html界面：

return "client/coursePlayer.html";

3.使用video 播放视频第一条视频：

  <video id="videoID" controls="true"
           style="object-fit:fill"
           src="${playUrl}"
           class="horizontal-img"
           preload="metadata"
           webkit-playsinline="true"
           playsinline="true"
           x-webkit-airplay="allow"
           x5-video-player-type="h5"
           x5-video-player