【问题标题】:remove HTML5 video player menu button删除 HTML5 视频播放器菜单按钮
【发布时间】:2022-02-20 06:17:59
【问题描述】:

我想从 HTML5 视频标签的视频控件中删除菜单按钮(“烤肉串”(三个垂直点))。

我对此进行了很多搜索,并找到了relevant question,但在接受的答案中,用户给出了删除所有控件的说明,但我不想删除所有控件,但菜单按钮如下所示。

【问题讨论】:

    标签: html css html5-video


    【解决方案1】:

    你应该使用两个属性:

    1. disablePictureInPicture:一个布尔标志
    2. controlslist:一个字符串列表

    这样写,你就没有三点菜单了:

    <video controls disablePictureInPicture controlslist="nodownload noplaybackrate">
    

    【讨论】:

      【解决方案2】:

      这在 javascript 中的简单代码行中是不可能的。您需要先隐藏所有视频控件,然后自己制作一些自定义控件。


      为此,请使用article

      【讨论】:

        【解决方案3】:

        video 标签有一个实验性的属性叫做controllist。它可以帮助您删除包含下载链接的菜单按钮

        你可以这样使用它:

        <video controls controlslist="nodownload">
            <source src="Video/1.MP4" type="video/mp4">
        </video>
        

        在此处了解更多详情:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2016-11-23
          • 2014-03-05
          • 1970-01-01
          • 2017-08-08
          • 1970-01-01
          • 2013-08-18
          • 1970-01-01
          相关资源
          最近更新 更多