码迷,mamicode.com
首页 > Web开发 > 详细

HTML 多媒体元素

时间:2020-03-06 19:13:56      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:兼容   不同   完全   code   兼容性   新版本   多媒体   run   oop   

多媒体元素

  • 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 多媒体元素

标签:兼容   不同   完全   code   兼容性   新版本   多媒体   run   oop   

原文地址:https://www.cnblogs.com/landuo629/p/12430208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!