h5视频标签 video

  video标签,用来播放视频的

  基本上所有的浏览器都支持

  video支持的视频格式有:

    mp4      mime-type: video/mp4

    WebM     mime-type: video/WebM

    Ogg      mime-type:video/Ogg

 

  video 播放视频的两种写法

    第一种:

      <video src="01.mp4">  </video>

    第二种:

      <video>

        <source src="01.mp4" type="video/mp4" />

        <source src="01.WebM" type="video/WebM">

      </video>

    这两种写法的区别?

      当你知道,你的视频格式的时候,可以用第一种;

      当你不知道,你的视频格式的时候,建议使用第二种;

  video的属性:

    autoplay       自动播放  属性值 :autoplay

    controls        显示控件   属性值:controls

    loop         循环播放  属性值:loop

    muted      静音   属性值:muted

    poster      视频下载时的图片    属性值:图片路径

    preload    视频在页面加载的时候进行加载,并预备播放(与autoplay冲突,autoplay是加载完直接播放)  属性值:preload

    src      播放视频的url    属性值:视频的url

    width     video的宽

    height      video的高

posted on 2019-05-23 15:14  Web引领者  阅读(9479)  评论(0编辑  收藏  举报