关于视频上传及视频播放你该知道的

视频播放

controls 能够出控制条

<video controls src="https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm"></video>

<script>
var video = document.getElementsByTagName('video')[0];

video.addEventListener('play', (e) => { // 开始播放时会调用
  console.log(e);
})

video.addEventListener('error', (e) => { // 播放出现错误时
  console.log(e);
})

video.play();
</script>

遇到的坑

给 play 加上 try-catch 是无效的

// 不要这么做
try {
  video.play()
} catch(error) {

}

更多视频的 api 事件的处理可以参考MDN