html视频直播源码,用HTML5开发简单的视频播放器，附源码

我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。

index.html的代码如下：

*{

margin: 0;

padding: 0;

}

/*多媒体标题*/

figcaption{

text-align: center;

line-height: 150px;

font-family: "Microsoft Yahei";

font-size:24px;

}

/* 播放器*/

.palyer{

width: 720px;

height: 360px;

margin:10px auto;

border: 1px solid #000;

background: url(images/loading.gif) center no-repeat #000;

background-size:auto 100%;

position: relative;

border-radius: 20px;

}

.palyer video{

height:100%;

display: block;

margin:0 auto;

/*display: none;*/

}

/* 控制条*/

.controls{

width: 700px;

height:40px;

background-color: rgba(255, 255, 0, 0.3);

position: