PHP MySQL jquery HTML CSS
HTML5
HTML5 教程 HTML5 浏览器支持 HTML5 新元素 HTML5 Canvas HTML5 内联 SVG HTML5 MathML HTML5 拖放 HTML5 Geolocation HTML5 Video(视频) HTML5 Audio(音频) HTML5 新的 Input 类型 HTML5 表单元素 HTML5 表单属性 HTML5 语义元素 HTML5 Web 存储 HTML5 Web SQL HTML5 应用程序缓存 HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML 5 测验 HTML(5) 代码规范

HTML5

HTML5 教程 HTML5 浏览器支持 HTML5 新元素 HTML5 Canvas HTML5 内联 SVG HTML5 MathML HTML5 拖放 HTML5 Geolocation HTML5 Video(视频) HTML5 Audio(音频) HTML5 新的 Input 类型 HTML5 表单元素 HTML5 表单属性 HTML5 语义元素 HTML5 Web 存储 HTML5 Web SQL HTML5 应用程序缓存 HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML 5 测验 HTML(5) 代码规范
首页 > 大前端 > HTML >HTML5 完整版手册

HTML5 完整版手册

收藏
分享
浏览70779
更新时间2022-04-12
HTML5 Video(视频) HTML5 新的 Input 类型

HTML5 提供了播放音频文件的标准。

互联网上的音频

直到现在，仍然不存在一项旨在网页上播放音频的标准。

今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准，即使用

浏览器支持

Internet Explorer

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持

注意: Internet Explorer 8 及更早IE版本不支持

HTML5 Audio - 如何工作

如需在 HTML5 中播放音频，你需要使用以下代码：

实例

nbsp;html>

 
 
php中文网(php.cn) 

运行实例 »

点击 "运行实例" 按钮查看在线实例

control 属性供添加播放、暂停和音量控件。

在 之间你需要插入浏览器不支持的

音频格式及浏览器支持

目前,

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ YES YES YES
Safari 5+ YES YES NO
Opera 10+ YES YES YES

音频格式的MIME类型

Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML5 Audio 标签

标签 描述
定义了声音内容
规定了多媒体资源, 可以是多个，在
HTML5 Video(视频) HTML5 新的 Input 类型

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

64.1万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.4万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

40.7万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

75.6万次学习

收藏

科技资讯

更多
CJ26：索尼、松下、宝丽来携影像产品亮相ChinaJoy！
CJ26：《九阴真经：修仙》官宣参展 届时公布实机PV
原生千帧，快人一步：全新LG UltraGear 25G590B在ChinaJoy首秀
大发现！我国"拉索"认证首个拍电子伏伽马射线变源
苹果订阅用户突破15亿大关！库克谢幕季收入未达预期
红米K100 Pro外观泄露：车厘子红配色+横向大矩阵模组
库克时代最后一战：苹果Q3营收1094亿 iPhone17大卖
适合职场的平板电脑推荐：真实测评联想 YOGA Pad Pro 14.5全能表现
马斯克否认剥离中国业务!中国已成特斯拉全球产能核心

24小时阅读榜

更多

1

CSS BEM项目中如何控制Sass嵌套层级

2

CSS锚点定位如何实现组件间精准对齐

3

HTML音量调节按钮：如何构建一个基础的音频控制交互

4

HTML网页快速跳转锚点列表的实用代码

5

C++如何获取数组的最后N个元素

6

Docker 安装时怎么通过配置国内镜像源解决连接超时报错

7

怎样用HTML代码制作一个简洁的系统公告板

8

为什么CSS background-image加载后不显示

9

为什么MySQL在RC级别下还会出现Waiting for table level lock？

10

HTML网页数据可视化大屏自适应布局的代码结构

11

SQL更新小数后精度异常如何修复

12

MySQL 8.0安装后如何修改默认的root用户密码？

13

HTML代码中label标签嵌套input与for属性绑定的对比

14

HTML删除按钮弹出确认框怎么写？confirm弹窗实现

15

如何用HTML编辑网页使悬浮窗口居中显示

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

17.9万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

81.3万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

64.4万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

40.9万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

63.7万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.1万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

35.8万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

131.8万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7，16种组合，超全大合集

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

下载
VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载
VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载
php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载
VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载
SublimeText3汉化版
SublimeText3汉化版

中文版，非常好用

下载
Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

Win64位，支持php多版本共存

下载