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 分钟前
破局与重生:大厂前端如何借力 AI 转型“超级全栈“
前端·人工智能
sunly_39 分钟前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
MXN_小南学前端43 分钟前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
学习嵌入式的小周1 小时前
Notepad++8.8.7下载安装(附安装包)
前端·notepad++
美狐美颜sdk1 小时前
直播APP开发技术架构解析:从音视频流到第三方美颜SDK接入的完整方案
大数据·人工智能·音视频·美颜sdk·美颜api
gs801401 小时前
解构 Cordis:面向“时空可组合性”的 TypeScript 元框架深度剖析
前端·javascript·typescript
岁岁种桃花儿2 小时前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js
观无2 小时前
若依EasyExcel实现单元格合并
开发语言·前端·javascript
阿童木写作3 小时前
跨境电商图片翻译工具推荐:跨马翻译批量处理视频字幕与抠图
python·音视频
愚公搬代码3 小时前
【愚公系列】《Web应用安全》001-VMware的安装
前端·安全