video 标签参数,禁用画中画、投屏

video 属性

1、autoplay: 布尔属性;声明该属性后,视频会尽快自动开始播放,不会停下来等待数据全部加载完成。(由于浏览器机制,对首次用户未交互的页面,拦截了视频的有声自动播放,autoplay:true 并不会自动播放)

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

3、controlslist:

当浏览器显示视频底部的播放控制面板(例如,指定了 controls 属性)时,controlslist 属性会帮助浏览器选择在控制面板上显示哪些控件。

允许的值有 nodownloadnofullscreen 和 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
  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
video 标签是HTML5的一种元素,用于在网页上展示视频内容。投屏是将视频内容投射到大屏幕上,让更多人共同观看或提供更好的观影体验。 使用video标签可以在网页上嵌入视频,并通过浏览器的播放器来播放视频。通过设置video标签的属性,可以控制视频的播放、暂停、声音大小、播放速度等。同时,video标签还支持字幕、全屏播放、自动播放等功能,使得在网页上播放视频更加灵活和便捷。 当我们想要投屏时,可以通过多种方式实现。一种常见的方式是使用无线投屏设备,例如Chromecast、Apple TV等。这些设备通过将手机、电脑等终端设备与大屏幕相连接,可以将设备上正在播放的视频内容投射到大屏幕上。此时,我们只需在终端设备上的浏览器或者特定的投屏应用中,选择投屏功能,即可将视频内容投射到大屏幕上进行观看。 另外,也可以使用数据线将终端设备与大屏幕相连,通过HDMI或者其他接口将视频信号传输到大屏幕上。这样,我们在终端设备上播放视频时,视频内容会直接在大屏幕上显示,实现投屏效果。 总而言之,video标签可以在网页上展示视频内容,而投屏则是将视频内容投射到大屏幕上,使得更多人能够共同观看或提供更好的观影体验。通过使用无线投屏设备或数据线连接终端设备与大屏幕,可以方便地实现视频投屏功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值