HTML5播放音频&视频

最新推荐文章于 2024-05-31 22:11:41 发布

CQcaoqian

最新推荐文章于 2024-05-31 22:11:41 发布

阅读量855

点赞数

文章标签：音视频 html5 前端

本文链接：https://blog.csdn.net/CQcaoqian/article/details/124826739

版权

本文介绍了HTML5中用于播放音频和视频的`audio`和`video`元素，包括基本语法和如何处理浏览器兼容性问题。通过使用`source`元素链接不同格式的媒体文件，确保在多种浏览器上顺畅播放。

摘要由CSDN通过智能技术生成

HTML5方法

video元素播放视频、audio元素播放音频

1.audio语法

< audio src="音频路径"> </ audio >

属性	值	说明
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放 [自动播放]，谷歌浏览器不支持，用户需自己点击
loop	loop	如果出现该属性，则当音频结束时重新开始播放 [循环播放]
preload	auto/meta/none	如果出现该属性，则音频在页面加载时进行加载，并预备播放 [预加载]

2.video语法

< video src="音频路径"> </ video >

属性	值	说明
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放 [自动播放]，谷歌浏览

关注