JavaScript原生video配置说明

1. 基本属性

• src: 指定视频文件的 URL。如果使用 子元素来提供视频源，则不需要设置此属性。

• controls: 显示默认的播放控件（如播放、暂停、音量控制等）。

• autoplay: 页面加载后自动播放视频。需要注意现代浏览器通常要求视频静音（muted）才能自动播放。

• muted: 播放视频时静音。

• loop: 视频播放结束后自动重新播放。

• preload: 指定页面加载时是否预加载视频数据。可能的值包括：
o none: 不预加载视频数据。
o metadata: 仅预加载视频的元数据。
o auto: 根据浏览器的判断自动预加载视频。

• poster: 在视频加载或播放前显示的占位图像，通常用于显示视频的预览图。

• width 和 height: 指定视频的显示宽度和高度，单位为像素。这些属性不会改变视频的实际分辨率，只是调整显示尺寸。

2. 高级属性

• playsinline: 在支持的设备上，允许视频在行内播放，而不是全屏播放。通常在移动设备上使用。

• crossorigin: 控制跨域请求的处理方式。可能的值包括：
o anonymous: 不包含用户凭证进行跨域请求。
o use-credentials: 包含用户凭证进行跨域请求。

• disablePictureInPicture: 禁用画中画模式。

• controlsList: 控制默认控件的显示行为。常用的值包括：
o nodownload: 禁止下载按钮。
o nofullscreen: 禁止