本文详细介绍了HTML5中的audio和video元素，包括它们的基本用法、控制函数和属性，如src、controls、preload、autoplay等。还讨论了如何通过JavaScript进行音频和视频的控制，如播放、暂停、音量调整、播放速度设置等。此外，文章还涵盖了视频的封面设置和播放位置的设定。
音频和视频的处理
为什么有audio？或者说audio的出现是为了解决什么样的问题？
在H5之前，如果想在浏览器上播放视频和音频的话都需要一些插件的文件（如flash），但是因为浏览器和插件之间存在一些兼容性问题，所以为了解决这些问题，H5就推出了audio(音频)和video(视频)两种新的属性来作为到多数浏览器处理音频和视频的表示，使其可以统一化、简便化。
1. audio
<audio src="files/荣耀.mp3" preload="auto" controls="controls"></audio>
<audio src="files/荣耀.mp3" preload="none" controls="controls"></audio>
<audio src="files/荣耀.mp3" preload="metadata" controls="controls"></audio>
1) src();音频文件的地址，本地和网络地址都可以
2) contros;由浏览器提供的音频控件
3) preload;预加载，就是让文件进行预先缓冲，优化播放的速度。
三个可选值：
①auto:对整个音频事件进行加载 默认值，
②metadata:只加载文件的元数据（第一帧，播放的总时长，播放列表等）
③none
<audio src="files/荣耀.mp3" autoplay loop preload="auto" controls="controls"></audio>
Loop:循环播放，布尔类型在标签的使用中默认为true
Autoplay:自动播放 ，布尔类型在标签的使用中默认为true
1.1控制函数和常用的属性
（1）palyOrPaused();控制音频的播放和暂停
Play():播放
Pause():暂停
<body>
<audio id="audio" src="files/荣耀
最低0.47元/天 解锁文章
113
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
