以下內容摘抄至W3Cschool??

瀏覽器支持：

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 標簽。

?注釋：Internet Explorer 8 以及更早的版本不支持 標簽。

video的視頻格式及編碼支持兼容

視頻格式最好MP4，視頻編碼：H264

<video src="視屏鏈接"? preload="auto"? controls="controls" autoplay="autoplay"? playsinline="true"? webkit-playsinline="true"? x5-video-player-type='h5' x5-video-player-fullscreen='true' poster="imgSrc" >您的瀏覽器不支持 video 標簽。</video>

屬性 值 描述

autoplay autoplay? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。

controls controls ????????????????????????????????????????如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

height pixels? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?設置視頻播放器的高度。

loop loop? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。

muted muted? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?規(guī)定視頻的音頻輸出應該被靜音。

poster URL? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 規(guī)定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像。

preload preload? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預備播放。如果使用 “autoplay”，則忽略該屬性。

src url? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 要播放的視頻的 URL。

width pixels ????????????????????????????????????????????????設置視頻播放器的寬度。

x-webkit-airplay="allow"

?x5-video-player-type="h5"　????????????????????????啟用H5播放器,是wechat安卓版特性

?x5-video-player-fullscreen="true"　? ? ? ? ? ? ?全屏設置，設置為 true 是防止橫屏

?x5-video-orientation="portraint"　????????????????播放器支付的方向，landscape橫屏，portraint豎屏，默認值為豎屏

?webkit-playsinline="true"　? ? ? ? ? ? ? ? ? ? ? ? ? ?這個屬性是ios 10中設置可以讓視頻在小窗內播放，也就是不是全屏播放

?playsinline="true"　? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?IOS微信瀏覽器支持小窗內播放

video? ?屬性解釋詳情：https://blog.csdn.net/qq_16494241/article/details/62046891