cengbin / html5-video-player

HTML5视频播放器

HTML5视频播放器

PC+Mobile端自适应简洁的视频播放器 Check out the demo here.

HTML

<video id="video2" src="./video1.mp4" poster="video1_default.jpg"></video>

JavaSript

引用videoplayer.js的正确方法和使用:

<link rel="stylesheet" href="../dist/video-player.css">

<script src="../dist/video-player.js"></script>

new vp.VideoPlayer({
    video: "#video2"
})

options对象介绍

key	值类型	描述
video	{String,<video/>}	video标签元素id或video标签元素

示例：

/**
* @options
* video - video标签元素id或video标签元素
*/
var options = {
	video: "#video2"
}