本文共 681 字，大约阅读时间需要 2 分钟。

然后去ｇｉｔｈｕｂ　官网下载文件

看ｄｅｍｏ是点播还是直播，找到ｖｏｄ　或者看进度条

然后验证ｇｉｔ上的官网是否能播放出来，最主要的播放原因是他是点播。

然后找到直播源，

打开一个新的标签

然后这个ｓｒｖｅｒ就跑起来了。

然后推流

等待１俩秒钟，帧数达到一，２００左右。

现在做的是ｍ３ｕ８文件，所以把直播地址复制一下，

然后修改ｈｌｓ／ｉｎｄｅｘ．ｊｓ文件里的地址

刷新页面正常播放

然后在浏览器里看ｍ３ｕ８文件　是直播还是点播。而且ｍ３ｕ８文件一值在变

虽然有进度条，但是进度条的时间一直在变。，所以还是直播

很多东西ｈｌｓ并没有帮我们完成，但是ｈｌｓ小巧。用ｖｅｄｉｏ．ｊｓ搞直播，体积比较大，因为功能比较多，不易修改；

用ｈｌｓ如何把ｕｉ界面给该一下呢

然后编写ｃｓｓ文件

把直播地址换成ｄｅｍｏ的地址，方便演示

在调ｃｓｓ的时候，不让视频播放，可以把

如何出现暂停和播放的图标呢，使用伪元素

如何控制播放和暂停呢

点击播放，播放了，再点击一下停止了，此时完成了对按钮的控制。

如何暂停之后，让他自动消失，如何又自动出来呢

通过ｃｓｓ的控制我们完成了，如何对ｖｉｄｅｏ的状态进行控制呢

结果发现，点击播放按钮之后，就没再出来暂停按钮，

点击video的任何一个地方，都可以实现play 和palyer pause 的切换；

这样，点击暂停和播放就可以切换了。

那如何实现，一个显示一个视频的播放状态呢，比如live或者告诉观看者是直播状态这样的字段

如何实现播放的时候，才显示正在直播字段呢

这就是实现了播放的时候显示正在直播，停止播放的时候，字段消失；

转载地址：http://uhcen.baihongyu.com/