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元素让其下载最新版本

HTML 多媒体元素

上一篇:H5中音频和视频的用法及支持的格式


下一篇:video去播放控件