uniapp写H5公众号使用video视频封面黑屏 ios第一次点击放大预览黑屏!!!!ios自动播放----------解决

复制代码
<video id="myVideo" :src="videoList[0]" x5-playsinline="" playsinline="" class="myVideo" :custom-cache="false" :muted='muted'
				webkit-playsinline="" :poster="poster" preload="auto" :autoplay='true'>
			</video>

1.如果ios第一次点击放大预览黑屏的情况

:autoplay='true' 将自动播放打开**:muted='muted'并且静音即可**

ios想要自动播放生效就必须静音

2.如果uniapp内置浏览器播放黑屏(会有这样的情况无解)

直接运行到外部浏览器中查看,发到线上H5一样可以播放 但是没有封面

3.H5页面video没有封面黑屏情况

:poster="poster" 使用poster封面属性 赋值一个路径即可(最好是传视频的时候让后端把视频路径和封面路径一起返回)

poster封面属性即可

4.video播放事件

复制代码
fdBtn() {
				this.muted=false
				let videoContext = wx.createVideoContext('myVideo'); //获取video的dom
				videoContext.requestFullScreen({
					direction: 90
				});
				this.$nextTick(()=>{
					videoContext.play() //视频播放
				})
			},
相关推荐
全栈胖叔叔-瓜州1 分钟前
关于llamasharp 大模型多轮对话,模型对话无法终止,或者输出角色标识User:,或者System等角色标识问题。
前端·人工智能
三七吃山漆9 分钟前
攻防世界——wife_wife
前端·javascript·web安全·网络安全·ctf
用户479492835691512 分钟前
面试官问"try-catch影响性能吗",我用数据打脸
前端·javascript·面试
GISer_Jing35 分钟前
前端营销技术实战:数据+AI实战指南
前端·javascript·人工智能
GIS之路1 小时前
使用命令行工具 ogr2ogr 将 CSV 转换为 Shp 数据(二)
前端
嘉琪0011 小时前
Vue3+JS 高级前端面试题
开发语言·前端·javascript
vipbic2 小时前
用 Turborepo 打造 Strapi 插件开发的极速全栈体验
前端·javascript
天涯学馆2 小时前
为什么 JavaScript 可以单线程却能处理异步?
前端·javascript
Henry_Lau6172 小时前
主流IDE常用快捷键对照
前端·css·ide
陶甜也2 小时前
使用Blender进行现代建筑3D建模:前端开发者的跨界探索
前端·3d·blender