HTML核心之多媒体元素

多媒体元素

audio 音频
video 视频

audio

controls属性：控制控件的显示，取值只能为controls

某些属性只有两种状态：1. 不写，2. 取值为属性名。这种属性称为bool属性

bool属性在HTML5中可以不写属性值
autopaly：bool属性，自动播放，但只有在muted情况下才会自动播放。
muted：bool属性，静音播放。
loop: bool属性，循环播放

video

和audio用法完全一样

embed

既支持视频,也支持音频

  <embed src="./1.HTML核心/8.多媒体元素/video/muici.mp3" type="">
  <embed src="./1.HTML核心/8.多媒体元素/video/123.mp4" type="">

兼容性

1. 旧版本的浏览器不支持这两个元素
2. 不同的浏览器支持的音视频格式可能不一样
   比如视频可能有mp4和webm格式，为了兼容，可采用以下写法

<video controls autoplay loop muted  style="width: 500px;">
    <source src="./video/123.mp4">
    <source src="./video/123.webm">
</video>