Chrome、IE、FF中video标签controls属性（控件）的外观区别

➹一个简单的video标签

video标签是 HTML 5 的新标签，可用于定义视频，例如电影片段或其他视频流，下面就是使用video标签简单放置的一段视频。

<video 
       class="video1" src="https://[your-url]/video.mp4" 
       controls="controls"
       preload="meta"
       poster="https://[your-url]/poster.png">
    您的浏览器不支持h5video标签
</video>

不同浏览器的实际效果

主要列举Chrome、IE、FF三款浏览器中video标签默认控件的外观区别

Chrome

记得去年Chrome默认的video控件还是一个很丑的条，灰色的，很不好看。

不过现在谷歌爸爸的效果还不错，美观度不输某些第三方播放器。

Firefox

FF中规中矩吧。

sbIE11

IE11是真丑。微软那些设计人员脑子是被什么东西踢了么。

顺便吐槽一句windows10中精神分裂般的两套控制图标是要搞什么。

关于video标签其他的好玩的

参考 MDN 等文档。