283 字
1 分钟
Loading
[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学习笔记页面图片视频音频/
作者
琴泠
发布于
2024-02-24
许可协议
CC BY-NC-SA 4.0