如何在html中插入视频

如何在html中插入视频

1，插入优酷视频：

在优酷分享界面有个html代码，直接复制放入body中，定义div的align居中即可

2.插入本地视频：用video属性  用mp4格式

<video>标签的属性

• src ：视频的属性
• poster：视频封面，没有播放时显示的图片
• preload：预加载
• autoplay：自动播放
• loop：循环播放
• controls：浏览器自带的控制条
• width：视频宽度
• height：视频高度
• <div style="width: 770px; height:397px; margin: 0 auto;">
  <video width="770px" height="397px" controls>
  <source src="img/v1_verna.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  <source src="FILE_NAME.ogv" type="video/ogg" />
  <object width="770px" height="397px;" type="application/x-shockwave-flash" data="FILE_NAME.swf">
  <param name="movie" value="FILE_NAME.swf" />
  
  <param name="flashvars"
  value="controlbar=over&image=PLACEHOLDER_FILE_NAME.jpg&file=FILE_NAME.mp4"
  />
  <img src="img/QQ截图20161008155240.png" width="770px" height="397px" alt="ALT_HERE" title="TITLE_HERE" />
  </object>
  </video>
  </div>