美文网首页
去 video audio 标签 下载按钮的方法

去 video audio 标签 下载按钮的方法

作者: 酱爆小咸鱼 | 来源:发表于2018-08-02 12:21 被阅读146次

方法一:加入下面的css属性

//video
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
//audio
audio::-internal-media-controls-download-button {
  display:none;
}
audio::-webkit-media-controls-enclosure {
  overflow:hidden;
}
audio::-webkit-media-controls-panel {
  width: calc(100% + 35px);
}

方法二:

controlslist=”nodownload” 去掉下载按钮
controlslist=”nofullscreen“ 去掉全部,只显示播放进度

<audio src="xxx.MP4" controls="controls" controlslist="nodownload"></audio>

相关文章

网友评论

      本文标题:去 video audio 标签 下载按钮的方法

      本文链接:https://www.haomeiwen.com/subject/phvjvftx.html