video 属性
1、autoplay: 布尔属性;声明该属性后,视频会尽快自动开始播放,不会停下来等待数据全部加载完成。(由于浏览器机制,对首次用户未交互的页面,拦截了视频的有声自动播放,autoplay:true 并不会自动播放)
2、controls : 加上这个属性,浏览器会在视频底部提供一个控制面板,允许用户控制视频的播放,包括音量,跨帧,暂停/恢复播放。
3、controlslist:
当浏览器显示视频底部的播放控制面板(例如,指定了 controls
属性)时,controlslist 属性会帮助浏览器选择在控制面板上显示哪些控件。
允许的值有 nodownload
、nofullscreen
和 noremoteplayback
。
如果要禁用画中画模式(和控件),请使用 disablePictureInPicture 属性。
4、crossorigin : 该枚举属性指明是否使用 CORS(跨域资源共享)来获取相关视频。允许 CORS 的资源 可在 <canvas> 元素中被重用,而不会被污染。允许的值如下:anonymous、use-credentials
5、disablepictureinpicture : 防止浏览器显示画中画上下文菜单或在某些情况下自动请求画中画模式。该属性可以禁用 video
元素的画中画特性,右键菜单中的“画中画”选项会被禁用
6、disableRemotePlayback : 布尔属性,用于在使用有线(HDMI、DVI 等)和无线技术(Miracast、Chromecast、DLNA、AirPlay 等)连接设备时,禁用远程播放功能。在 Safari 中,你可以使用 x-webkit-airplay="deny" 作为兜底方案。
7、muted: 布尔属性 ,是否静音
8、playsinline: 布尔属性 指明视频将内联(inline)播放,即在元素的播放区域内。请注意,没有此属性并不意味着视频始终是全屏播放的。
9、preload:
该枚举属性旨在提示浏览器,认为在播放视频之前,加载哪些内容会达到最佳的用户体验。可能是下列值之一:
none
: 表示不应该预加载视频。metadata
: 表示仅预先获取视频的元数据(例如长度)。auto
: 表示可以下载整个视频文件,即使用户不希望使用它。- 空字符串: 和值为
auto
一致。每个浏览器的默认值都不相同,即使规范建议设置为metadata
。