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>
按照上面的做法 这样问题就解决了
希望能解决大家的问题 一键三连