video标签属性设置

马黑黑

video标签属性设置

<video src="https://img.tukuppt.com/video_show/2475824/00/08/27/5d1c226cd2de7.mp4" width="300" height="300" autoplay loop style="border: 1px solid gray> </video>

宽度 :

800

高度 :

600

controls
autoplay
loop
muted
poster
disablePictureInPicture
object-fit

【注】object-fit 为 CSS 属性，主要用于控制图像或视频在固定宽高比例的容器中显示时的缩放和裁剪方式，值有 fill、contain、cover、none、scale-down 等，本例选用 cover 值。

马黑黑

disablePictureInPicture 属性用于设置禁用画中画与否，设为 true 表示禁用，设为 false 表示启用

muted 是静音与否的属性，video标签中出现 muted="muted" 或 muted 关键字，视为静音，不出现视为开启声音。静音属性再浏览器播放策略中有妙用：若浏览器不允许视频自动播放，其实是不允许视频带有声音自动播放，设置为静音，autoplay 属性或 js 的 videoElement.play() 指令性则能生效。

梦江南

谢谢黑黑老师细讲video标签属性设置。学习收藏。