解决视频播放组件video嵌套＜cover-image＞本地图片在iOS系统显示失败问题

MaggieZhao~

于 2025-03-03 14:05:21 发布

阅读量364

点赞数 2

文章标签：音视频 ios uni-app 小程序前端 javascript

本文链接：https://blog.csdn.net/m0_74745897/article/details/145981534

版权

下面是视频组件和js代码，如果本地图片路径是相对路径，在iOS系统上显示不出来。

一是‌iOS对本地路径的严格校验，iOS系统对本地资源路径的大小写敏感，需确保代码中的路径与实际文件路径完全一致（包括大小写）‌。

二是使用绝对路径（如/static/image.png）在iOS上兼容性更佳，Android则对相对路径（如../static/image.png）容忍度更高‌。

<video>
	<cover-view>
		<cover-image :src="playImg"></cover-image>
	</cover-view>

</video>

<script>
    export default {

        props:{
		    playImg:{
			    type:String,
			    default:'../../static/play.png'
		    },	
			
	    },
    
    }
</script>

解决办法：将本地图片上传，或者使用绝对路径。

<script>
    export default {

        props:{
		    playImg:{
			    type:String,
			    default:'https://xxx.com/static/play.png'
		    },	
			
	    },
    
    }
</script>