【html5新增多媒体标签】

html5新增多媒体标签

html5在不使用插件的情况下,也可以原生的支持音频格式文件的播放:
一、video标签
作用:播放视频
格式一:

video标签属性:

  • autoplay:视频就绪是否自动播放
  • controls:是否需要显示控制条
  • width :设置播放器宽度
  • height:设置播放器高度,高度或宽度只推荐其中一种,否则容易变形
  • loop:播放完是否继续播放该视频,循环播放,一般用于广告
  • preload:规定是否预加载视频,但需要注意preload和autoplay属性相互排斥,不可以同时设置
  • src:视频播放地址
  • poster:是否加载等待的画面图片
  • muted:是否静音播放

格式二:
当浏览器存在兼容性问题时,需要采取这种方式
语法:

  

注意:自上而下执行
二、audio音频标签
作用:播放音频
格式一:


格式二:
当浏览器存在兼容性问题时,同样采取这种方式
代码如下:

  

三、marquee标签
marquee标签主要是产生了一种跑马灯的效果,类似于滚动,不仅可以让文字实现滚动,同时也可以让图片滚动
语法格式:

"right" >
 
  

属性说明:

  • direction:设置滚动的方向
  • scrollamount:设置内容的滚动速度
  • loop:设置滚动次数
  • behavior:设置滚动类型,如属性值:slide,alternate等

你可能感兴趣的:(css,前端,html)