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

HTML5原生视频播放器组件video的videocontrolslist属性详解_第1张图片HTML5原生视频播放器组件video的videocontrolslist属性详解_第2张图片


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

一、启用videocontrolslist

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


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

二、控制videocontrolslist的显示

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

你可能感兴趣的:(video)