video标签使用controls属性怎么去掉三个点

最新推荐文章于 2024-06-26 15:21:39 发布

Helen-lian

最新推荐文章于 2024-06-26 15:21:39 发布

阅读量8.7k

点赞数 6

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_20753229/article/details/122257338

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

当video标签使用controls属性的时候。pc电脑会显示三个点，可以利用controlslist属性进行设置
在这里插入图片描述

<video
  ref="video"
  controls
  :src="url"
  controlslist="nodownload nofullscreen noremoteplayback noplaybackrate"
  disablePictureInPicture></video>

1、nodownload: 不要下载按钮
2、nofullscreen: 不要全屏按钮
3、noremoteplayback: 不要远程回放
4、disablePictureInPicture 不要画中画按钮
5、noplaybackrate 不要播放速度按钮
新版chrome浏览器可以去掉video播放自带的"播放速度"