摘要：估計(jì)踩過微信視頻這個(gè)坑的，內(nèi)心都想說上一句神經(jīng)病啊而微信也終于出了個(gè)同層播放器接入規(guī)范，算是正常點(diǎn)了好了閑話不說，下邊進(jìn)入正題標(biāo)簽里的內(nèi)聯(lián)播放相關(guān)屬性微信在標(biāo)簽上新增了一些的私有屬性，分別是啟用同層播放。

估計(jì)踩過微信視頻這個(gè)坑的，內(nèi)心都想說上一句：

“神經(jīng)病??！”

而微信也終于出了個(gè)《H5同層播放器接入規(guī)范》，算是正常點(diǎn)了……好了閑話不說，下邊進(jìn)入正題：

微信在video標(biāo)簽上新增了一些x5的私有屬性，分別是：

x5-video-player-type
啟用同層播放。取值固定為"h5"。

x5-video-player-fullscreen
是否全屏。取值為"true"或"false"。

x5-video-orientation
視頻方向。取值分別為"landscape"、"portrait"或者"landscape|portrait"，分別對(duì)應(yīng)橫屏、豎屏及自動(dòng)旋轉(zhuǎn)（這個(gè)應(yīng)該用的少）。

不過有一點(diǎn)需要注意的是，這些都是x5的私有屬性，僅適用于Android平臺(tái)。而跟iOS平臺(tái)相關(guān)的，則是這幾個(gè)屬性：

airplay

x-webkit-airplay

playsinline

webkit-playsinline

其中最后兩個(gè)是iOS平臺(tái)下的內(nèi)聯(lián)播放屬性，都是布爾屬性，不需要賦值（存在即是true）；前兩個(gè)是iOS平臺(tái)下airplay的相關(guān)屬性（說實(shí)話我現(xiàn)在也沒搞明白為什么網(wǎng)頁需要airplay屬性），取值為"allow"或"deny"，通常保險(xiǎn)起見用"allow"就可以。

微信在同層接入規(guī)范中提到了object-position這個(gè)屬性，用于設(shè)置視頻出現(xiàn)的位置。實(shí)際在嘗試的過程中，搭配object-fit屬性同時(shí)使用的效果會(huì)比較好。但這兩個(gè)屬性并不是x5私有屬性，而是原生的，所以它們同時(shí)適用于Android和iOS兩個(gè)平臺(tái)。

object-position和object-fit這兩個(gè)元素主要的作用是為“可替換元素”設(shè)置位置和大小。這里的“可替換元素”，指的是內(nèi)容不受CSS顯式控制的元素，比如比較典型的就是、