video视频播放

video 引入视频

<video src="路径" ></video>

video的属性基础属性

<video src=“路径” autoplay loop controls muted> < /video>
autoplay 自动播放
loop 循环
controls 显示控件
muted 设置禁音

js设置属性写法

// 1,获取video标签
// 2,通过video标签.setAttribute("loop","loop")

怎么在谷歌中自动播放

以前是使用js 操作标签.play() 自动播放,现在不行,的使用autoplay属性自动播放
现在可以直接自动播放

高版本浏览器，对视频muted属性 静音后，可以保证视频自动播放,直接将视频静音,在加上autoplay就可以自动播放视频

video 自身大小的设置

width 宽度
height 高度

object-fit 语法 设置播放区域高宽设置

	object-fit:fill;

fill ,内容拉伸填满整个content, 不保证保持原有的比例。
contain:默认值,保持原有尺寸比例。按比例放大有一条边先触碰到元素的边界,就会停止放大
边界的意思就是元素的大小width或height 边的位置
cover: 和fill 一样的
none: 保持原有尺寸比例。
scale-down: 就好像依次设置了none或contain, 最终呈现的是尺寸比较小的那个。