uniapp使用video标签无法播放视频出现黑屏问题处理

问题出现情况

并且点击播放后出现报错

解决办法

问题出现的原因可能是video的视频流不兼容或者在f12下无法看见视频文件导致的,所有我们使用computed计算属性来解决这个问题

js

computed:{videoHtml: function() {return `<video  autoplay loop muted controls="controls" width="100%" height="870px"><source src="${this.videoSrc}" type="video/mp4"></video>`;}
}

html

<view v-html="videoHtml"></view>

按照上面的做法 这样问题就解决了

希望能解决大家的问题 一键三连