怎么在html中显示能播放也能暂停的音频样式？（代码示例）-木庄网络博客

2022-02-04 03:35:45 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

本篇文章主要给大家介绍关于html显示音频的具体操作方法。这样对于用户来说，在线可播放功能能大大提高站内效率也可带来一定的流量。希望对有需要的朋友有所帮助。这里我们需要先了解下，在html5中的两个个重要标签。

一、HTML 5 <embed> 标签，它是 HTML 5 中的新标签，而且此标签必须要有 src 属性。

二、HTML 5 <audio> controls 属性

controls 属性规定浏览器应该为音频提供播放控件。如果设置了该属性，则规定不存在作者设置的脚本控件。

html显示音频的具体代码示例如下：

<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
  <source src="so.ogg" type="audio/ogg">
  <source src="so.mp3" type="audio/mpeg">
  <embed height="100" width="100" src="song.mp3" />
  </audio>
  </body>
  </html>

以上代码在页面上显示效果如下：

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 怎么在html中显示能播放也能暂停的音频样式？（代码示例）

怎么在html中显示能播放也能暂停的音频样式？（代码示例）

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论