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

估計踩過微信視頻這個坑的，內心都想說上一句：

“神經病?。　?/p>

而微信也終于出了個《H5同層播放器接入規范》，算是正常點了……好了閑話不說，下邊進入正題：

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

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

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

x5-video-orientation
視頻方向。取值分別為"landscape"、"portrait"或者"landscape|portrait"，分別對應橫屏、豎屏及自動旋轉（這個應該用的少）。

不過有一點需要注意的是，這些都是x5的私有屬性，僅適用于Android平臺。而跟iOS平臺相關的，則是這幾個屬性：

airplay

x-webkit-airplay

playsinline

webkit-playsinline

其中最后兩個是iOS平臺下的內聯播放屬性，都是布爾屬性，不需要賦值（存在即是true）；前兩個是iOS平臺下airplay的相關屬性（說實話我現在也沒搞明白為什么網頁需要airplay屬性），取值為"allow"或"deny"，通常保險起見用"allow"就可以。

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

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