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>
按照上面的做法 这样问题就解决了文章来源:https://www.toymoban.com/news/detail-512181.html
希望能解决大家的问题 一键三连文章来源地址https://www.toymoban.com/news/detail-512181.html
到了这里,关于uniapp使用video标签无法播放视频出现黑屏问题处理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!