H5同層播放器接入規(guī)范：https://x5.tencent.com/tbs/guide/video.html
Android端的微信有一個(gè)神奇H5(X5)同層播放器逸贾。為啥神奇？這里不能罵臟話咱們還是換一個(gè)話題吧津滞。
開啟X5同層播放器的方法
在video標(biāo)簽上加上x5-video-player-type="h5" x5-video-player-fullscreen="true" 就開啟了X5同層播放器了铝侵，當(dāng)視頻開始播放回自動(dòng)進(jìn)入X5同層播放器
屬性解釋
x5-video-player-type="h5"聲明啟用同層H5播放器
x5-video-player-fullscreen="true"視頻在播放時(shí)進(jìn)入到全屏模式
更多屬性自己看官方文檔（文章最上面有鏈接）
監(jiān)聽X5播放器進(jìn)入與退出全屏
監(jiān)聽video的x5videoenterfullscreen x5videoexitfullscreen事件
屬性解釋
x5videoenterfullscreen：進(jìn)入全屏通知
x5videoexitfullscreen：退出全屏通知
詳細(xì)用法自己看官方文檔吧
X5播放器怎么退出呢？
官網(wǎng)并沒有給出退出的方法触徐，查閱無數(shù)資料也沒有找到咪鲜。項(xiàng)目要求播放完要退出做分享或者其它事，怎么辦撞鹉？怎么辦疟丙？怎么辦？
無意間發(fā)現(xiàn)了一個(gè)H5案例孔祸，他是怎么退出的隆敢。然后把他壓縮過的代碼不斷的分析，我竟然知道了他怎么做的崔慧。瞬間開心的不得了拂蝎。
退出辦法：
給video標(biāo)簽設(shè)定video.style.display="none"的樣式X5就退出了
監(jiān)聽退出通知中再設(shè)置回來就搞定了video.style.display=""
給video的父級(jí)標(biāo)簽設(shè)置display也同樣生效
再開心一會(huì)，哈哈哈哈～～～～
什么惶室？同時(shí)開啟兩個(gè)X5退出白屏温自，MDD!!!
我想這個(gè)坑可能大多數(shù)人都不會(huì)遇到玄货，因?yàn)楹苌儆行枨笠_啟兩個(gè)X5，但我們公司要做視頻無縫切換悼泌，需要開啟兩個(gè)松捉，兩個(gè)啊。一時(shí)又陷入了尷尬馆里，還是各種查各種查不到隘世。領(lǐng)導(dǎo)非常重視這個(gè)bug，開早會(huì)特意和我說鸠踪，今天把其它工作放一放丙者，就解決這個(gè)問題。瞬間壓力山大营密。開啟一天的各種情況測(cè)試械媒。我C我發(fā)現(xiàn)問題的關(guān)鍵了。竟然和退出順序有關(guān)系评汰！
白屏原因
竟然是退出順序不對(duì)纷捞，先開啟的要后退出（先進(jìn)后出原則）
解決辦法
1.監(jiān)聽進(jìn)入X5：監(jiān)聽到把已經(jīng)進(jìn)入的存到一個(gè)數(shù)組中。
2.從最后一個(gè)開始退出：取出數(shù)組中最后一個(gè)被去，然后進(jìn)行退出主儡，監(jiān)聽退出成功后再退出第一個(gè)。
注意：要在第二個(gè)退出成功后再退出第一個(gè)惨缆，也可以采用第二個(gè)在定時(shí)器中退出
X5退出的問題終于解決了缀辩，分享給小伙伴希望對(duì)你們有幫助。
文章是我原創(chuàng)踪央，歡迎收藏轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明出處瓢阴。
出處：http://www.reibang.com/p/5a770e984d5c
