web加载视频（实现广告视频）

自助终端的一个需求，当时搞的头疼，最后差不多解决了，但是并没有上线，感觉实现方式还是有问题，但是还是记录下吧。时间跨度挺长了，在草稿箱躺了快一年。今天终于想起把这篇博客完善好。不说了，上代码～

 

1.m3u8格式

用vediojs和videojs-contrib-hlsjs实现

引入css

<link href="https://vjs.zencdn.net/7.1.0/video-js.css" rel="stylesheet">

 HTML

<video id="my_video_1" class="video-js  vjs-big-play-centered" controls  muted>
		<source src="http://X.X.X.X/live/ims.m3u8"  type="application/x-mpegURL">
</video>

 引入js

<script src='../static/src/js/video.min.js'></script>
<script src='../static/src/js/videojs-contrib-hlsjs.min.js'></script>

 若长时间不操作页面，则加载广告

	let timer = null;
	var play