HTML5-video标签-实现点击预览图播放或暂停视频

 

刚刚参加工作，开始更多的接触到一些新的知识，促使我开始了解html5和css3的新特性。这时我才真的发现到html5和css3的强大。
之前关于视频的控制更多的是运用复杂来实现，但在html5中新加入了<video>标签以及相应的DOM，通过这项新特性，我们能对网页中的视频进行更多简单的控制。

以下属性内容摘抄至W3CSchool

浏览器支持:

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。
注释：Internet Explorer 8 以及更早的版本不支持 标签。

定义和用法

标签定义视频，比如电影片段或其他视频流。

提示和注释

提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性:

new : HTML5 中的新属性。

属性	值	描述
autoplay	autoplay	如果出现该属