Skip to content

wangpengfei15975/ktPlayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ktPlayer

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

Demo

在线预览
预览图:
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

About

📺 A simple & pretty HTML5 video player

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published