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

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

藏色散人

发布： 2018-08-11 10:18:17

原创

3022 人浏览过

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

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

二、HTML 5

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>

登录后复制

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

注：

width、 height中的数字分别表示播放器的宽度和高度。

src 后面可以修改为你自己的音乐地址。

那么以上就是本篇关于html5中如何嵌入音频的相关知识介绍，具有一定的参考价值。望各位采纳。

【相关文章推荐】

html中网页中如何插入音频和视频？

html5中重新加载音频/视频元素的方法load()

html5停止（暂停）当前播放的音频或视频的方法pause()

详细介绍HTML5使用Audio标签实现歌词同步的效果

以上是怎么在html中显示能播放也能暂停的音频样式？（代码示例）的详细内容。更多信息请关注PHP中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

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