video 视频播放几秒就卡一下

jene

现象：

使用 video 标签播放视频，每隔几秒就卡下，在浏览器中播放不卡顿

代码：

<template>

  <div class="swiper-video">

    <video

      class="video"

      autoplay="true"

      controls="true"

      playcount="infinite"

      src="http://static.manmeng168.com/novels/videos/c010857.min.mp4"

      poster="http://static.manmeng168.com/novels/videos/c010857-001.jpg"

    ></video>

  </div>

</template>

<style lang="scss" scoped>

.swiper-video {

  height: 100vh;

  width: 100%;

}

.video {

  height: 100%;

  width: 100%;

  background: #000;

}

</style>

机型：华为 nova 5i，鸿蒙系统，内存6G

jene

自问自答一波，原来是因为开启了性能监控面板，打开内存信息导致的，这就比较搞笑了，我本来是想打开性能监控面板查看内存和FPS，结果导致了video卡顿，这不是搬起石头砸自己的脚吗？

jene

另外不知道怎么缓存视频，而且start事件居然在prepare事件之前触发，不应该是反过来吗？