HTML5 关于 <audio>的操作

HTML5<audio>元素详解与操作

最新推荐文章于 2025-07-27 11:04:03 发布

原创

最新推荐文章于 2025-07-27 11:04:03 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #audio

本文详细介绍了HTML5中<audio>标签的使用，包括支持的视频格式（Ogg, MPEG4, WebM），基本用法，常用属性以及API属性。还通过实例演示了播放、放大、全屏、静音和调节音量等功能。" 102781852,6651128,词向量与分布式表示法,"['NLP', '自然语言处理', '词袋模型', '欧氏距离', '余弦相似度']

HTML5支持的视频格式：

Ogg =带有Theora视频编码+Vorbis音频编码的Ogg文件
支持的浏览器:F、C、O
MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件
支持的浏览器: S、C
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式
支持的浏览器: I、F、C、O

基本用法

< video  controls="controls"  width="800">
    <source src="where.ogg" >
    <source src="where.mp4" >
    您的浏览器暂不支持video标签。播放视频
</ video >

常用的属性

属性	值	描述
autoplay	autoplay（可以不写）	自动播放
controls	controls（可以不写）	向用户展示播放控件
width/height	pixels（像素值：不写单位）	设置播放器宽度/高度
loop	loop	播放完是否继续播放该视频，循环播放
src	url	视频地址