在这里给大家推荐一个视频播放组件，支持非常灵活的自定义界面和样式，和其它流行的video操作库相比更加自由。建议尝试一下：
https://gist.github.com/k-gun/c2ea7c49edf7b757fe9561ba37cb19ca
下面介绍一下如何使用JavaScript来控制视频的声音大小，假设我们的标签如下：
<video src="test.mp4" controls width="400" height="300" id="video"></video>
js的代码如下：
var video = document.getElementById('video');
video.volume=0.5;
其中volume的值是从0到1的一个值。
说明
video 元素的 volume 属性取值范围为 0.0 到 1.0，可直接赋值控制音量。
- 设置音量：video.volume = 0.5;（半音量）
- 静音：video.muted = true;（与 volume=0 不同，静音不改变音量值）
- 移动端浏览器（尤其 iOS）通常不允许脚本自动播放带声音的视频，需用户手势触发。
- 如需淡入淡出，可用定时器逐步调整 volume。
