Skip to content
gh-pages
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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

Releases

No releases published

Packages

No packages published