H5视频插入的两种方式

   第一种:<video src="movie.ogg">video>

   第二种:

           <video >

           <source src="movie.ogg" type="video/ogg" >

     video>(type必加属性)

属性设置:

1.Width height设置视频的宽高

<video src="movie.ogg" width="600" height="400">video>

2.Autoplay   视频就绪自动播放

<video src="movie.ogg" autoplay="autoplay">video>

 

3.Controls 向用户显示播放控件

4.Poster 加载等待的画面图片

<video src="movie.ogg" controls="controls" poster="../img/img1.jpg">video>

5.Loop 播放完是否继续播放该视频,循环播放

        <video controls="controls" loop="loop" >

           <source src="movie.ogg" type="video/ogg" >source>

  video>

6.支持的视频格式

oggwebMMP4、audio 音频

 

你可能感兴趣的:(html经典案例与方法)