H5视频插入的两种方式 pc端 video标签里的autopaly自动播放

第一种：<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 向用户显示播放控件

<video src="movie.ogg" controls="controls" ></video>

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.支持的视频格式
ogg、webM、MP4、audio 音频

---

pc端 video标签里的autopaly无法自动播放，解决办法

---

video标签添加muted属性：

 <video muted loop="loop"  width="100%" height="99.2%" autoplay="autoplay" poster="./img/123.jpg">
                <source src="./img/123.mp4" type="video/ogg" >
 </video>