ckplayer 是一款能解决基本兼容性网页视频播放的插件，该插件不需要基于其他库使用。

var videoObject = {
    container: '#video',             // 容器的ID或className
    variable: 'player',              // 播放函数名称
    autoplay: false,                 // 是否自动播放
    debug:true,                      // 调试
    poster: 'material/poster.jpg',   // 封面图片
    preview: {                       // 预览图片
        file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
        scale: 2
    },
    video: [
        ['https://vole.oss-cn-shenzhen.aliyuncs.com/ckplayer.ts01/001.mp4', 'video/mp4', '中文蓝光', 10],
        ['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
        ['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
        ['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 0],
        ['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0]
    ]
};

var player = new ckplayer(videoObject);

注意问题：

网页播放器限制只能播放 H264 编码的视频

相关网址：

http://www.ckplayer.com/