HTML 多媒体元素

回眸只為那壹抹淺笑 提交于 2020-03-06 20:01:46

多媒体元素

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!