HTML元素| 青训营笔记

75 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第7天,已经完成了一周的课程

视频嵌入元素

 <video> 元素** 用于在 HTML 或者 XHTML 文档中嵌入媒体播放器,用于支持文档内的视频播放。可以将 <video> 标签用于音频内容,相比于 <audio> 元素在用户体验上有所欠缺,在不支持 video 元素的浏览器中,<video></video> 标签中间的内容会显示,作为降级处理,video元素也支持全局属性。

  • autoplay

  • 布尔属性;声明该属性后,视频会尽快自动开始播放,不会停下来等待数据全部加载完成。- autopictureinpicture 

  • 一个布尔属性,如果为 true,那么当用户在当前页面和另一个页面或应用程序之间来回切换时,会自动切换画中画(picture-in-picture)模式。

  • controls

  • 加上这个属性,浏览器会在视频底部提供一个控制面板,允许用户控制视频的播放,包括音量,跨帧,暂停/恢复播放。

  • controlslist Experimental

    当浏览器显示视频底部的播放控制面板(例如,指定了 controls 属性)时,controlslist 属性会帮助浏览器选择在控制面板上显示哪些控件。允许接受的值有 nodownloadnofullscreen 和 noremoteplayback。如果要禁用画中画模式(和控件),请使用 disablePictureInPicture 属性。

  • crossorigin

该枚举属性指明是否使用 CORS(跨域资源共享)来获取相关视频。允许 CORS 的资源 可在 <canvas> 元素中被重用,而不会被污染。允许的值如下:

-  anonymous

在发送跨域请求时不携带凭证(credential)信息。也就是说,浏览器在发送 Origin: HTTP 请求首部时将不会携带 cookie、 X.509 安全令牌、也不会执行任何 HTTP 基本身份验证。如果服务器没有给予源站点信任(也就是说没有设置 Access-Control-Allow-Origin: HTTP 响应首部),图像会被 污染,并且它的使用会受到限制。