環(huán)境：
? ? 微信版本號：6.6.6
? ? 開發(fā)者工具調(diào)試基礎(chǔ)庫：2.2.2
? ??線上最低基礎(chǔ)庫：2.0.7
? ? 手機設(shè)備：iphone6P
需求：
?? ?視頻全屏展示，上面覆蓋如圖位于底部的元素割坠。
實現(xiàn)：
? ? 使用video里內(nèi)嵌cover-view的官方實現(xiàn)齐帚。
問題：
? ? 在開發(fā)者工具上可以展示。在真機上彼哼，視頻覆蓋元素不顯示对妄。 ? ?
解決方案及過程：
? ? video組件層級最高一直就困擾著開發(fā)者，網(wǎng)上一搜敢朱，這個的提問者很多剪菱，最終找到一個正解摩瞎，大體意思就是要設(shè)置寬高和定位，趕緊調(diào)試一番琅豆。
? ? 1愉豺、發(fā)現(xiàn)最接近video的cover-view沒有設(shè)置樣式。給其設(shè)置相對定位和寬高茫因。修改完之后的效果：
????2蚪拦、發(fā)現(xiàn)文本框左側(cè)橢圓部分不在了變成了直角。右邊橢圓的出現(xiàn)排除了border-radius支持不友好的可能冻押，猜想是padding-left的原因驰贷。于是 給文本再包一層cover-view 通過margin-left與父級 來實現(xiàn) 左間距。修改完之后的效果：
? ? 3洛巢、又發(fā)現(xiàn)文本都好了括袒，但icon仍沒有顯示。這個icon是通過iconfont來實現(xiàn)的稿茉，經(jīng)各種查找調(diào)試锹锰，發(fā)現(xiàn)仍不能使用，但cover-image能正常顯示漓库。最終使用cover-image來代替iconfont來實現(xiàn)圖標(biāo)恃慧。
結(jié)果：
? ? 經(jīng)過上述調(diào)試，在真機上實現(xiàn)了預(yù)期的展示：
總結(jié)：
video組件渺蒿，在上面展示的內(nèi)容痢士，實現(xiàn)需要注意：
? ? 1、用內(nèi)嵌cover-view/cover-image來實現(xiàn)茂装，而且只能是這兩個標(biāo)簽怠蹂，否則會被忽視。?
? ? 2少态、要設(shè)置定位和寬高城侧，尤其高每一個都要設(shè)置。
? ? 3彼妻、可能對一些樣式支持效果不是很好嫌佑，遇到此類問題，可以多方案調(diào)試澳骤，實現(xiàn)期望效果歧强，比如：padding-left引起的問題可以通過margin-left來取代處理
? ? 4澜薄、iconfont在cover-view不顯示的問題已經(jīng)反饋微信團隊为肮，有正解了待更新。
ps：很多時候開始發(fā)現(xiàn)是未解的肤京，待解決之后發(fā)現(xiàn)原來并沒什么颊艳，??茅特，希望我們在發(fā)現(xiàn)問題解決問題的路上結(jié)伴而行孜孜不倦～ 有寫的不到之處望能不吝賜教，歡迎隨時交流棋枕，共勉～ ??
