H5 video标签

基本用法

    

看着是挺简单的

属性
  • src 用于告诉video标签需要播放的视频地址
  • autoplay 用于告诉video标签是否需要自动播放视频
  • controls 用于告诉video标签是否需要显示控制条
  • poster 用于告诉video标签视频没播放之前的占位图
  • loop 一般用于做广告视频,其实就是视频是否循环播放
  • preload 预加载视频,但是该属性和autoplay相冲
  • muted 静音
  • width 宽度
  • height 高度
格式2
    

由于浏览器厂商都不愿意支持别人的视频格式,所以当我们需要支持多种浏览器播放的时候,就需要通过上面的方式来指定多种格式,浏览器播放的时候会自动去选中一种合适的格式

audio

audiovideo标签在格式上一样,video中能够使用的属性在audio中大部分都能使用,并且功能都一样,只不过有三个属性不能使用,heightwidthposter

marquee标签

跑马灯效果

//跑马灯效果 虽然不是W3C支持的 但是各大浏览器厂商支持的很好

    dddddd



    dddddd


    dddddd

direction:滚动方向,left、right 、up、down
scrollamout:设置滚动速度,值越大越快
loop:设置滚动次数,默认-1,即无限滚动
behavior:设置滚动类型,slide滚动到边界就停止,alternate滚动到边界就弹回

你可能感兴趣的:(H5 video标签)