原生video设置控制面板controls显示哪些控件

之前我们学习了如何使用原生video播放视频

今天来一个进阶版的——设置控制面板controls显示哪些控件

先看一下当我们使用原生video时,controls属性为true时,相关代码如下:

原生video设置控制面板controls显示哪些控件_第1张图片

正常的控制面板默认显示的控件有:播放、时间线、音量调节、下载、全屏、播放速度、画中画。如下图

原生video设置控制面板controls显示哪些控件_第2张图片

原生video设置控制面板controls显示哪些控件_第3张图片

那现在我如果不想显示【下载】控件,只需要在controls为true的基础上,设置controlslist属性。

如果不想显示多个控件,controlslist设置相应的,并以空格做间隔即可!

原生video设置控制面板controls显示哪些控件_第4张图片

除了设置不需要显示的,我们还可以设置需要显示的如“controlslist="play timeline volume"”

【题外话】

其实我觉得,基本上原生video提供的功能已经满足日常使用了,除非你的需求的重度视频功能,然后对美观度有一定要求,如各大视频网站爱优腾+B。

如果你有什么疑惑或者其他,欢迎评论区互动交流

你可能感兴趣的:(VUE,video,vue)