以下内容摘抄至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 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “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