h5 标签video和audio标签的下载按钮

最新推荐文章于 2023-01-11 15:55:26 发布
最新推荐文章于 2023-01-11 15:55:26 发布
阅读量4.9k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
文章标签： h5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39598092/article/details/89711369
本文介绍如何在HTML的音视频标签中移除下载按钮，只需在标签中添加controlsList=nodownload属性即可实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

想要去掉标签自带的下载按钮 需要在标签上添加 

controlsList="nodownload"
 就可以去掉
<audio :src="imgDetailPath" controls  controlsList="nodownload">您的浏览器不支持audio标签</audio>

 

HTML5视频播放标签video和音频播放标签audio标签的正确用法
shengyin714959的博客
05-27 875
如何嵌入视频和音频 在网页里嵌入HTML5音频播放器和视频播放器的方法非常简单： 1 2 3 <video src="//www.jb51.net/~j/theora_testsuite/320x240.ogg" controls autoplay loop> Your browser does not support the <code>video</code> element. </video&.
WebAPP开发——H5标签audio（属性和API事件）
吴小花的博客
02-20 3265
1.audio支持的格式 audio 定义音频 格式：mp3 wav ogg mp3所有浏览器兼容 ogg safari不支持 wav 都支持 js 能帮助生成audio对象 new Audio(); 等同于HTML上面写上audio标签 chrom和Opera都不能直接播放 需要页面上元素交互 <button id='btn'>播放</button&gt...
AUDIO标签详细解读
weixin_42275589的博客
05-06 9037
文章目录过程前情提要重点前言audio标签概述属性`src``controls``loop``muted``preload`JS操作拿到audio标签当前播放时间currentTime音频总时长duration音量volume播放速率playbackRate播放play()暂停pause()是否暂停paused暂停pause()加载load()加载的生命周期（按先后顺序排序）loadstart开始...
audio标签隐藏下载按钮， a标签规定文件名称？（html）
weixin_43677787的博客
03-30 2522
使用audio的在绝对定位显示的时候，点击下载按钮发现下载按钮没有办法绝对定位，所以使用了隐藏audio的下载按钮。 使用了：controlsList=“nodownload” <audio src="" controlsList="nodownload"></audio> //controlsList="nodownload" 隐藏下载按钮 使用a标签，下载文件，但想改变文件名字时，发现使用download无法下载文件名。 <a :href="" :downlo.
H5 audio标签
weixin_30262255的博客
02-09 228
37-audio标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>37-audio标签</title> </head> <body> <!--...
H5：安卓端video不显示下载按钮
mosowe
09-02 1934
<video :poster="poster" :src="url" autoplay x5-video-player-type="h5" x5-video-player-fullscreen="false" playsinline="true" webkit-playsinline="true" controlsList="nodownload" controls&gt...
audio标签禁止下载功能
qq_45065090的博客
01-11 2151
audio标签禁止下载音乐
H5新属性audio音频和video视频的控制详解（推荐）
09-27
本文详细介绍了如何利用H5中的audio和video标签实现对音视频文件的控制，并提供了一些与之相关的JavaScript代码以实现更复杂的控制逻辑。 首先，音频和视频文件可以通过<video>和<audio>标签直接嵌入到网页中。这两...
移动端H5 audio/video 标签遇到的一些问题总结
tianmd_Eric的博客
06-04 2564
写在开头   由于需求的不断完善，最近着手的 移动端 代码中需要加入音效和背景视频，第一反应就是audio，做完demo之后测试发现在 safari 浏览器中没有得到想要的效果，经过查阅资料发现很多前辈都遇见过这个坑，为了总结在这里做个笔记，也说一说我自己的代码中实际的问题和解决办法~ audio标签的问题 主要是safari浏览器中的一些限制； 1.每次只能播放一个音频。 意思就是说我在播放一个音频的时候，不能同时播放另一个音频，代码中没有这种需求，真实性有待考证。 2.不支持 preload 和 aut
HTML5 - 使用<audio>播放音频
u014063717的博客
03-17 2826
1，下面是一个播放音乐的最简单样例 （controls属性告诉浏览器要有基本播放控件）<audio src="hangge.mp3" controls></audio>2，预加载媒体文件 设置preload不同的属性值，可以告诉浏览器应该怎样加载一个媒体文件： （1）值为auto：让浏览器自动下载整个文件 （2）值为none：让浏览器不必预先下载文件 （3）值为metadata：让浏览器先
使用h5实现的音频播放器
01-19
使用h5实现的音频播放器，是使用html5+JavaScript实现的，可以在网页播放mp3
使用audio标签播放mp3,amr,wav文件
07-02
用audio标签实现播放音频文件，其中音频文件的后缀包括amrnb,mp3,wav。由于对音频文件个格式有的不支持，有的会进行一下转换。
HTML页面原生VIDEO标签隐藏下载按钮功能
热门推荐
在线格式化与开发工具大全
05-14 4万+
在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。 虽然简介视频是非付费的，但也不希望会有下载按钮或者可以视频另存为，所以找到一个可以看上去没有下载功能的方法，做一下笔记。 想要隐藏以上下载按钮，三个样式就可以了，不废话直接贴代码： video::-internal-media-contr...
audio标签
qq_39093474的博客
08-27 531
1.作用 播放音频 2.格式 &lt;audio src=""&gt;&lt;/audio&gt;&lt;!--第一种--&gt; &lt;audio&gt; &lt;source src="" type="audio/mp3"&gt;&lt;/source&gt;&lt;!--第二种--&gt; &lt;/
HTML5 video标签播放视频下载原理
weixin_34232363的博客
09-20 4054
HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html &lt;video preload="metadata"&gt; &lt;!-- https://bugzilla.mozilla.org/show_bug.cgi?id=676422 --&gt; &lt;source sr...
html5相关标签与js操作,利用JavaScript操作HTML5的原生音频标签
weixin_39880301的博客
06-11 132
HTML5’s native audio element will be a great way to avoid having to rely on third party plug-ins like QuickTime and Flash. The latest web browsers like Chrome 10 and Firefox 3.6 are already there with...
Javascript控制html5 Audio标签
小小黑
09-02 3万+
Javascript控制html5 Audio标签 9 Replies 在上一篇文章：Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了。这里写篇文章记录一下：如何使用js控制html5的audio标签。 javascript动态创建audio标签 在页面中添加audio元素的方法主要是两种，一种是在html中加入a
HTML中<audio>标签（音频）
努力努力再努力
03-14 1854
1. audio标签中的属性基本上和video中的属性相同，用法也基本一致，只是audio中没有width、height和poster等属性，因为是音频。 2. audio的格式与video的格式也基本相同。   格式一： audio标签的用法 格式二：
video标签隐藏下载按钮
asing1elife's blog
09-21 964
video标签隐藏下载按钮 通过CSS3的伪类样式强制将video标签的下载按钮隐藏 更多精彩 更多技术博客，请移步 asing1elife’s blog 实现方式 video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { widt...
下载H5微信游戏首页模板源码
1. HTML5技术基础：包括HTML5的语法规则、语义化标签、Canvas API、SVG、多媒体元素（audio、video）等。 2. CSS3的样式应用：掌握布局技术（Flexbox、Grid），动画效果（@keyframes、transitions、transform），...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值