1、普通情況：圖片要遮住<video></video>
請使用cover-image或cover-view
cover-image | uni-app官網(wǎng)https://uniapp.dcloud.net.cn/component/cover-image.html#cover-image?cover-view | uni-app官網(wǎng)https://uniapp.dcloud.net.cn/component/cover-view.html#cover-view
情況1：如上圖，注意要使用以下位置才能達(dá)到遮住的效果?
//方法1：放入video中----------------------------------------
<video>
<cover-image></cover-image>
</video>
//方法2：放入video同層級----------------------------------------
<video></video>
<cover-image></cover-image>
//放后面or放前面都可以
<cover-image></cover-image>
<video></video>
----------------------------------------
//然后在css中定義cover-image的位置為
position: absolute;
right:XXX;//定位
top:XXX;//定位
?情況2：如上圖，就直接用cover-view自定義一個(gè)頂部組件，就可以遮住視頻了
2、和swiper組件混搭使用，出現(xiàn)左右滑動(dòng)video的時(shí)候，浮動(dòng)在其上面的cover-view或cover-image會(huì)有飄忽不定，位置錯(cuò)位的情況，如何解決？
文章來源：http://www.zghlxwxcb.cn/news/detail-592410.html
如上圖，當(dāng)左右滑動(dòng)swiper-item的時(shí)候，就出現(xiàn)image的圖標(biāo)位置錯(cuò)位了文章來源地址http://www.zghlxwxcb.cn/news/detail-592410.html
//一定要將標(biāo)簽放入<xxx></xxx>之間----------------------------------------
<uni-swiper-dot>
<swiper>
<swiper-item v-for="(item,index) in items">
<image:src="item.videoCover">
//一定要放在這里
<cover-image src="/img/xxx.png"></cover-image>
//一定要放在這里
<cover-view>這里放內(nèi)容</cover-view>
</image>
</swiper-item>
</swiper>
</uni-swiper-dot>到了這里，關(guān)于HBuilderX使用uniapp中的video標(biāo)簽開發(fā)視頻應(yīng)用APP，出現(xiàn)視頻覆蓋＜view＞圖層無法遮住等問題如何解決？的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
