html5 video 标签 controlslist 详解
controlsList
属性是HTML5的<video>
标签的一部分,它允许你自定义浏览器提供的视频控制界面。这个属性通常与 controls
属性一起使用,以指定如何显示视频控制器。
controlsList
属性接受一个值,这个值是一个包含你想要自定义的控件名称的数组。这些控件名称是特定于浏览器的,因此不同的浏览器可能会有不同的支持。
以下是一些常用的控件名称:
nodownload
:隐藏下载按钮。nofullscreen
:隐藏全屏按钮。noremoteplayback
:隐藏远程播放按钮。noduration
:隐藏播放时间或视频总时长显示。disablePictureInPicture
:隐藏画中画按钮。
例如,如果你想要隐藏下载按钮和全屏按钮,你可以这样使用 controlsList
:
<video controls controlsList="nodownload nodownload" src="movie.mp4"></video>
请注意,不是所有的浏览器都支持所有的控件,而且这个属性可能会在未来的浏览器更新中发生变化。因此,在使用时,你应该考虑到浏览器兼容性问题。
评论已关闭