请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

互动交流 video 视频播放几秒就卡一下

2
回复
505
查看
[复制链接]

1

主题

4

帖子

25

积分

 楼主| 2022-8-10 15:55:14 显示全部楼层 |阅读模式

现象:

使用 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

回复

使用道具 举报

1

主题

4

帖子

25

积分

 楼主| 2022-8-10 17:54:37 显示全部楼层
自问自答一波,原来是因为开启了性能监控面板,打开内存信息导致的,这就比较搞笑了,我本来是想打开性能监控面板查看内存和FPS,结果导致了video卡顿,这不是搬起石头砸自己的脚吗?
回复

使用道具 举报

1

主题

4

帖子

25

积分

 楼主| 2022-8-10 17:59:33 显示全部楼层
另外不知道怎么缓存视频,而且start事件居然在prepare事件之前触发,不应该是反过来吗?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册