3***@qq.com
3***@qq.com
  • 发布:2025-11-06 11:32
  • 更新:2025-11-06 11:32
  • 阅读:12

【报Bug】uniapp video 在苹果nvue页面设置poster封面图,点击播放时会明显闪一下黑色再播放

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 23H2

HBuilderX类型: 正式

HBuilderX版本号: 4.84

手机系统: iOS

手机系统版本号: iOS 26

手机厂商: 苹果

手机机型: iPhone 13

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view>
<video :src="src" :poster="poster" autoplay></video>
</view>
</template>
<script setup>
import { ref } from 'vue';

const src = ref('https://alimp4.shiboshuzi.com/f0234921a10371ef88906732b68e0102/3f365b3da1c2498ea90179bf7477ee50-c6d4ac45138baa09cba31ccf262ac42f-ld.mp4')  
const poster = ref('https://alimp4.shiboshuzi.com/a0ece1b1095c71f0bfba5017f0e80102/snapshots/dbe529e3979a45f99d28683e38eb6838-00001.jpg')  

</script>
<style scoped lang="scss"></style>

操作步骤:

新建uniapp vue3项目,视频播放页面使用nvue,我用的list组件来写的视频上下滑动,你可以用swiper来复现

预期结果:

在ios端设置视频封面poster的时候播放视频时要无缝播放该视频而不是闪一下黑色的再播放,安卓就比较顺畅,主要的问题视频我都已经缓存到本地,也是使用本地地址来播放的视频

实际结果:

在ios端设置视频封面poster的时候播放视频会闪一下黑色再播放视频

bug描述:

在nvue页面使用video播放视频(视频我自己做了缓存到本地的效果确认播放本地视频地址),设置了poster封面图在ios端播放时会闪一下黑色再播放视频,安卓端要顺畅很多,虽然会看到闪一下但是很快就过去了,ios端很闪黑色会很明显的停顿一下。

2025-11-06 11:32 负责人:无 分享
已邀请:

要回复问题请先登录注册