HTML 多媒体元素

多媒体元素

• video 视频
• audio 音频

video

1. controls：控制控件的显示，取值只能为controls
2. autoplay:布尔属性，自动播放
3. muted：布尔属性，静音播放
4. loop：布尔属性，循环播放
   <video controls="controls" autoplay="ture" muted="ture" loop="ture" src="./media/running.MP4"></video>

• 某些属性，只有两种状态

  1. 不写
  2. 取值为属性名，这种属性叫做布尔属性

• 布尔属性，在HTML5中，可以不用书写属性值

<video controls autoplay muted loop src="./media/running.MP4"></video>

audio

• 和视频完全一致

<audio controls autoplay muted loop src="./media/田馥甄+-+小幸运.mp3"></audio>

兼容性

1. 旧版本的游览器不支持这两个元素
2. 不同的游览器支持的音视频格式可能不一样，所有都应该写上不同的格式
3. 如果游览器版本过低可添加a元素让其下载最新版本

多媒体元素

• video 视频
• audio 音频

video

1. controls:控制控件的显示，取值只能为controls
2. autoplay:布尔属性，自动播放
3. muted:布尔属性，静音播放
4. loop:布尔属性，循环播放

<video controls="controls" autoplay="ture" muted="ture" loop="ture" src="./media/running.MP4"></video>

• 某些属性，只有两种状态

  1. 不写
  2. 取值为属性名，这种属性叫做布尔属性

• 布尔属性，在HTML5中，可以不用书写属性值

<video controls autoplay muted loop src="./media/running.MP4"></video>

audio

• 和视频完全一致

<audio controls autoplay muted loop src="./media/田馥甄+-+小幸运.mp3"></audio>

兼容性

1. 旧版本的游览器不支持这两个元素
2. 不同的游览器支持的音视频格式可能不一样，所有都应该写上不同的格式
3. 如果游览器版本过低可添加a元素让其下载最新版本