（最新的谷歌浏览器已不允许自动播放音频和视频）
var video = document.getElementById('video')
当设置video标签为自动播放 autoplay 时，如果不生效可添加muted属性，在微信浏览器中还不生效，可在页面中引入微信js触发
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
document.addEventListener(
"WeixinJSBridgeReady",
function() {
document.getElementById("video-slide").play();
},
false
);
属性
video.duration // 视频总长度
video.currentTime // 视频当前播放时间
事件触发
// 1、loadstart：视频查找。当浏览器开始寻找指定的音频/视频时触发，也就是当加载过程开始时
video.addEventListener('loadstart', function(e) {})
// 2、durationchange：时长变化。当指定的音频/视频的时长数据发生变化时触发
video.addEventListener('durationchange', function(e) {})
// 3、loadedmetadata ：元数据加载。当指定的音频/视频的元数据已加载时触发
video.addEventListener('loadedmetadata', function(e) { })
// 4、loadeddata：视频下载监听。
video.addEventListener('loadeddata', function(e) {})
// 5、progress：浏览器下载监听。
video.addEventListener('progress', function(e) {})
// 6、canplay：可播放监听
video.addEventListener('canplay', function(e) {})
// 7、canplaythrough：可流畅播放
video.addEventListener('canplaythrough', function(e) {})
// 8、play：播放监听
video.addEventListener('play', function(e) {})
// 9、pause：暂停监听
video.addEventListener('pause', function(e) {})
// 10、seeking：查找开始。当用户开始移动/跳跃到音频/视频中新的位置时触发
video.addEventListener('seeking', function(e) {})
// 11、seeked：查找结束。当用户已经移动/跳跃到视频中新的位置时触发
video.addEventListener('seeked', function(e) { })
// 12、waiting：视频加载等待。当视频由于需要缓冲下一帧而停止，等待时触发
video.addEventListener('waiting', function(e) { })
// 13、playing：当视频在已因缓冲而暂停或停止后已就绪时触发
video.addEventListener('playing', function(e) {})
// 14、timeupdate：目前的播放位置已更改时，播放时间更新
video.addEventListener('timeupdate', function(e) {})
// 15、ended：播放结束
video.addEventListener('ended', function(e) { })
// 16、error：播放错误
video.addEventListener('error', function(e) { })
// 17、volumechange：当音量更改时
video.addEventListener('volumechange', function(e) {})
// 18、stalled：当浏览器尝试获取媒体数据，但数据不可用时
video.addEventListener('stalled', function(e) {})
// 19、ratechange：当视频的播放速度已更改时
video.addEventListener('ratechange', function(e) { })
