html播放视频

使用h5播放视频一般有两种方式：

1. 使用video标签

<video width="320" height="240" controls>
    <source src="xxx.mp4" type="video/mp4"/>
</video>

2. 使用hls.js插件播放m3u视频

<script src="./hls.min.js"></script>

<video id="video" width="780" height="640" autoplay="autoplay" muted="muted" controls="controls">

</video>

<script>
    // 调用这个方法加载视频源
	function reload(src){
		var video = document.getElementById('video'); // 获取 video 标签
		var hls = new Hls(); // 实例化 Hls 对象
		hls.loadSource(src); // 传入路径
		hls.attachMedia(video);
		hls.on(Hls.Events.MANIFEST_PARSED,function() {
			      video.play(); // 调用播放 API
	    });
	    video.muted=false;
	}
</script>

附：hls.min.js