html5不显示audio标签，html5的audio标签

在移动端怎么将HTML5中的video标签的控件去掉或者隐藏

安卓padvideo组件去掉控件加一个属性就可以了。隐藏播放控件，video全屏的处理，只需在video标签加个webkit-playsinline属性即可。

使用H5的video标签可以直接插入视频，一般在浏览器效果如下图显示：但有时在谷歌浏览器上显示，会遇到右下角有下载按钮。如果项目要求去掉这个下载按钮，怎么办呢？如下图显示：分析： 经本人测试，是谷歌浏览器版本问题（低版本的右下角没有下载按钮，比如50版本，我的谷歌浏览器是50版本) 。

只要去掉controls 这个参数就可以了，例子：123video width=352 height=264 controls autobuffersource src=.. type=video/mp4/source/video 实现点击按钮控制音乐的播放和暂停。默认为播放，若想默认不播放，修改audio的autoplay属性即可。

需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

相关问答

Q1: 如何用HTML5向网页中插入音频

1、打开Sublime Text工具，准备好如下图所示的目录结构，目录里面包括要插入的音频文件和一个html文件。打开HTML文件，新建一个空的HTML5文档结构，如下图所示，注意编码一定设置为UTF-8。接下来在body标签中插入audio元素，audio元素里面通过source引入音频文件，如下图所示，注意文件的类型要写对。

2、在html5里，有一个audio的标签，我们先在html里加上这个标签。这个audio标签，里面有一个子标签，就是source标签，主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。运行页面，就可以看到一个mp3的播放器了。

3、第一种：在页面代码中的style/style之间加入bgsound src=音乐url loop=-1 这段代码。 在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。 这种背景音乐是打开叶子后直接播放的，在网页上不会有显示。这是最简单的一种。

4、首先把要添加成网页背景音乐的文件保存在网页的相应文件夹下。启动记事本程序，在记事本中输入相应的代码。在body/body代码中之间输入插入背景音乐的代码“Bgsound”。在bgsound后面输入背景音乐文件路径指示命令：src=mp3\yue.mp3。SRC用于标示路径文件。

5、在HTML5中新增了，两个标签来插入音频和视频。\x0d\x0a示例代码：\x0d\x0a\x0d\x0a\x0d\x0a还可以通过一些参数来对媒体文件进行高级控制：\x0d\x0a以为例：\x0d\x0a\x0d\x0acontrols，如果为标签添加controls属性，播放器就会向用户显示控制控件。

6、可以用传统的方法插入背景音乐 body bgsound src=你要播放的音乐url /body 广泛兼各种浏览器的方法 embed src=背景音乐的路径loop=“是否循环播放”/embed 插入一个flash播放器，然后播放相应的音乐。

Q2: html5的audio在safari中无效,什么原因

1、audio和video在手机端都是不能自动播放的，这样因为要考虑手机的网络流量问题，所以都是需要触发事件去触发。

2、Safari 0 支持 MPWav html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况，为了用户流量着想，所以需要用户交互后才能播放。

3、html5 audio标签在ios safari浏览器中，js是无法控制播放的。因为ios safari浏览器内置的把.play() .load()都给禁用了。官方的说法是为了用户着想，必须当用户手动的去出发播放控件的时候，拿到action，才可以播放。为什么，我会遇到这个问题呢？因为页面是用html5写的，要嵌入到ios里面。

4、Safari不支持HTML5录音。现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API。可是当使用Can I use查看兼容性的时候，我发现 不过这个是有历史原因的，我记得RTC是在去年，2013，才刚刚由思科提出并且确定下来的（没记错的话）。

5、HTML5中的autoplay属性是设置为自动播放。如果设置了该属性，视频或音频将自动播放。但是需要注意的是部分浏览器比如Safari屏蔽了autoplay属性。因为autoplay在移动网络环境下可能会造成用户流量费剧增。

Q3: html5有哪些新特性?

1、丰富的交互方式。提升互动能力：拖拽、撤销历史操作、文本选择等。开发及维护成本低，这个相对于原生APP开发来说。更低的开发及维护成本；？使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低。CSS3 视觉设计师的辅助利器的支持。

2、HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。地理位置定位使得定位导航不再是专属导航软件，地图也不需要下载很大的地图包。它可以通过缓存、去哪里、去哪里以及更灵活的方式来解决。

3、A. 语义特性（Class：Semantic）HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

Q4: 如何解决webview不支持html5中audio标签

使用video标签嵌入mp3文件，并添加onclick属性和背景图属性。另一种比较保险的方法是制作swf文件，嵌入mp3音频，再使用jQuery Flash一类的插件实现html5文件中嵌入音频。

更换浏览器：如果你的当前浏览器无法支持audio元素，考虑尝试其他流行的现代浏览器，如Google Chrome、Mozilla Firefox、Microsoft Edge等。这些浏览器通常具有对HTML5元素的更好支持。启用相关插件或扩展程序：有时，浏览器可能需要特定的插件或扩展程序来支持某些功能。

使用video标签嵌入mp3文件，并添加onclick属性和背景图属性。

html5的audio标签只支持三种格式，但没有一种格式在各个浏览器里通用，你可以对照一下下图，你应该是在火狐和Opera的浏览器里听不到声音。

尊敬的用户，您好！很高兴为您答疑 这个问题暂时无解，您只有通过特殊手段处理了，识别一下浏览器标签，发现是firefox时使用另外一套兼容的音频文件，如ogg或者wav。希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

audio标签无法播放.falc是正常的事，因为这是浏览器内部调用解码，只支持简单的音频格式，像无损格式flac 、ape ，目前只支持Ogg、MP Wav三种格式， 同样的视频标签video ，现在也只支持Ogg、MPEG WebM三种。

关于html5不显示audio标签和html5的audio标签的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。