ywy330 / ktplayer

:tv: A simple & pretty HTML5 video player

ktPlayer

a simple HTML5 video player
一款基于HTML5的web视频播放器

Demo

在线预览
预览图：

使用方法

方式1：NPM

npm install ktPlayer

方式2：引入该项目下的dist文件夹

---

接下来

引入css文件：

<link rel="stylesheet" href="./dist/ktPlayer.min.css">

引入js文件：

<script src="./dist/ktPlayer.min.js"></script>

写入播放器容器DOM：(可选,如未配置默认将播放器插入到body最后一个子节点.)

<div id="container"></div>

创建KTPlayer对象,并初始化：

//原生环境
window.onload = function(){
	var player = new KTPlayer({
	    src:'http://oc8qda7cw.bkt.clouddn.com/mayjlee.mp4',//视频文件，必填
	    pic:'http://oc8qda7cw.bkt.clouddn.com/mayjlee.png',//视频截图，必填
	    //root:document.getElementById('container') 配置播放器插入位置，选填
	});
	player.init();
};
//jQuery环境
$(function(){
	var player = new KTPlayer({
	    src:'http://oc8qda7cw.bkt.clouddn.com/mayjlee.mp4',//视频文件，必填
	    pic:'http://oc8qda7cw.bkt.clouddn.com/mayjlee.png',//视频截图，必填
	    //root:$('#container').get(0) 配置播放器插入位置，选填
	});
	player.init();
});

致谢

部分参考：DPlayer