html css css中的属性前缀（-webkit -moz -ms -o）

-webkit：safari、chrome私有属性 一般用于移动端网页开发

-moz：firefox浏览器私有属性

-ms： ie浏览器 私有属性

-o：Opera

html5 webkit-playsinline这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放的video标签的一个属性。例如：

<video id="videoALL" 

src="video/01.mp4"

poster="images/1.jpg" /*视频封面*/

preload="auto"

webkit-playsinline="true" playsinline="true"  /*IOS微信浏览器支持小窗内播放/

style="object-fit:fill">

</video>

扩展资料

html5中video标签的常用属性介绍：

1、poster="images/1.jpg"

属性规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。如果未设置该属性，则使用视频的第一帧来代替。

2、preload="auto"

属性规定在页面加载后载入视频。

3、webkit-playsinline和playsinline

视频播放时局域播放，不脱离文档流 。这个属性需要嵌入网页的APP比如WeChat中UIwebview 的allowsInlineMediaPlayback = YES webview.allowsInlineMediaPlayback = YES，才能生效。

4、x5-video-orientation

声明播放器支持的方向，可选值landscape 横屏, portraint竖屏。默认值portraint。无论是直播还是全屏H5一般都是竖屏播放，但是这个属性需要x5-video-player-type开启H5模式

5、x5­-video­-player­-fullscreen

全屏设置。它又两个属性值，ture和false，true支持全屏播放，false不支持全屏播放。

---