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() //视频播放
				})
			},
相关推荐
胡哈9 小时前
React Compiler:让开发者忘掉 memo 这件事
前端·react.js
xiyueyezibile9 小时前
“自迭代” Skill 的 team-pitfalls 的演进
前端·后端·ai编程
林恒smileZAZ10 小时前
`Array(100).map(() => 1)` 为什么全为空?
前端·javascript
AaronZZH10 小时前
AAF 框架能力介绍:图文音视频一站式 AIGC 模块上线
aigc·音视频
小巧的砖头10 小时前
C#会重蹈覆辙吗?系列之2:反射及元数据的性能问题
开发语言·前端·c#
KaMeidebaby10 小时前
卡梅德生物技术快报|蛋白的叠氮基修饰:实操解析:核酸模板耦合蛋白的叠氮基修饰实现靶蛋白定点共价标记
前端·人工智能·物联网·算法·百度
濮水大叔10 小时前
在大型 Vue 项目中,如何有效管理复杂的状态?“散装版” vs “套装版”
前端·vue.js·typescript
玄星啊10 小时前
可修改:代码的生存底线
前端·ai编程
Mister Leon11 小时前
视频时序数据处理:CNN+LSTM
cnn·音视频·lstm
没落英雄11 小时前
3. DeepAgents 实战 - Memory Skills 与上下文工程
前端·人工智能·架构