前端学习part05

video标签

  • 格式:
  • 格式二:;解决浏览器适配问题;通过此标签虽然可以指定类型,但是浏览器播放视频的前提是浏览器支持HTML5!!
  • 以下以第一种格式来举例;
  • src用于播放的地址;autoplay是否需要自动播放;
  • controls=“controls” ;加上就可以控制播放了;显示进度条前端学习part05_第1张图片
  • poster属性:控制视频播放的封面是啥图片;
  • loop属性:视频是否循环播放;常用作广告视频(你不可以控制暂停开始啥的,一出现就播放并且无限循环);
  • preload属性:预加载视频,但需要其与autoplay相冲突;
  • muted属性:静音;

audio标签

  • 作用:播放音频
  • 格式:;格式二类型上述标签;
  • video标签中能够使用的属性大部分在audio标签中都可以使用;有height/width/poster三个不可以使用;

详情和概要标签

  • 格式:
    概要信息详情信息
  • 用尽可能少的空间展示尽可能多的东西;前端学习part05_第2张图片

marquee标签

  • 注意:不是W3C推荐的,但是浏览器支持的比较好;
  • 作用:跑马灯,默认从右往左,且循环;
  • 格式:内容
  • direction为right:从左往右;为up:从下往上;
  • scrollamount 控制速度;值越大越快;
  • loop为循环次数,默认负一,也就是无限滚动;
  • behavior为slide,表示文字滚到边界就不滚动了;
  • behavior为alternate,则文字在边界之间来回滚动;
  • 同样适用于图片

你可能感兴趣的:(前端入门,html5)