Web 自定义样式的视频播放器

效果展示

虽然说是自定义样式，但是我这做的着实有点丑。。。

 

参考文档

HTML 5 视频/音频参考手册

全屏API

 

部分源码

<div id="video">
    <video src="video/vaeYSGS.mp4"></video>
    <div class="controls">
        <a href="#" class="left">开始</a>
        <a href="#" class="right">全屏</a>
        <div class="progress">
            <div class="bar"></div>