Sunset
283 字
1 分钟
[html5学习笔记]页面图片,视频,音频
Base 64 也是一种编码形式的图片储存。
- MP3 是音频文件
- MP4 是视频文件
音视频文件在引入当前页面时,默认不允许用户控制播放。
loop 可以设置音频文件是否循环播放。
音频标签写法
除了用 src 控制路径,也可以用 <source> 控制文件路径:
<source src="xxx">兼容提示文字
可以在标签内写提示文字,当音频无法播放时显示:
对不起!当前浏览器无法播放这个音频文件。 <source src="xxx">多格式兼容(解决浏览器不兼容)
有的浏览器不支持 MP3,但支持 OGG,可同时提供多种格式:
对不起!当前浏览器无法播放这个音频文件。 <source src="xxx.mp3"> <source src="xxx.ogg">- HTML 从上往下解析,MP3 播放失败会自动尝试 OGG
- 所有格式都失败时,显示内部提示文本
- 浏览器识别 “ /
<source>则显示播放器;不识别则显示提示文字
播放控制属性
controls 是无需赋值的特殊属性,用于显示播放控件:
<audio controls> <source src="xxx.mp3"> [html5学习笔记]页面图片,视频,音频
https://vilstia.pages.dev/posts/学习笔记/html/html5学习笔记页面图片视频音频/