首页 前端知识 HTML5原生视频播放器组件video的videocontrolslist属性详解

HTML5原生视频播放器组件video的videocontrolslist属性详解

2024-02-13 10:02:57 前端知识 前端哥 608 781 我要收藏


HTML5提供了内置的视频播放控件,其中videocontrolslist是其中一个很有用的属性。videocontrolslist属性可以用于告诉浏览器在视频播放过程中应该显示哪些默认的用户界面控件。下面我们将从几个方面来介绍videocontrolslist的详细使用。

一、启用videocontrolslist

videocontrolslist属性可以应用于video元素,使用它需要简单的在HTML代码中的video标签中添加controlslist属性,设置其值为显示的控件列表。默认情况下,video元素的controlslist属性的值为empty。

<video src="example.mp4" controls controlslist="nodownload"></video>

上面的代码显示了controlslist属性的一个例子,nodownload属性值告诉浏览器在显示控件时不显示“下载”按钮。

二、控制videocontrolslist的显示

控制videocontrolslist的显示是非常简单的,只需要设置videco-controls-list CSS伪类的display属性即可。该属性默认值为“block”,在下面的例子中,我们设置为“none”。这会将videocontrolslist完全隐藏起来ÿ

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1924.html
标签
video
评论
发布的文章

jQuery 下载与安装教程

2024-02-28 11:02:44

若依中jquey相关问题

2024-02-28 11:02:41

【JavaWeb】1.JQuery

2024-02-28 11:02:21

jQuery日历签到插件下载

2024-02-28 11:02:20

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!