VIDEO 控制台

     

输入视频地址:

宽度调整:

高度调整:

设置标题:


QinPlayer 播放器调用方法
<div class="QinPlayer"></div> <script src="https://libs.baidu.com/jquery/1.7.1/jquery.min.js"></script> <script src="http://qinchen.vip/QinPlayer/js/hls.min.js"></script> <script src="http://qinchen.vip/QinPlayer/js/QinPlayer.js"></script> <script> var QinPlayer = new QinPlayer(".QinPlayer",{         width: "100%",         height: "100%",         title: "QinPlayer视频播放器",         src: "http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4",         poster: "https://p3fx.kgimg.com/stdmusic/20151126/20151126110742332252.jpg",         autoplay: false,         hideControls: true,         loop: false },function(e){         console.log(e)        if(e.ended=='stop'){               $.alert('播放结束');        } }); </script>
参数说明
width
播放器宽度 ("auto","400px","100%",400)
height
播放器高度 ("auto","400px","100%",400)
title
播放器顶部标题 (默认为空,则不显示)
src
播放视频地址
poster
视频海报(autoplay:false有效)
autoplay
是否自动播放,默认false不播放 (true,false)
hideControls
是否自动隐藏控制台,默认false不隐藏 (true,false)
loop
是否循环播放,默认false不循环 (true,false)
function(e){ }
此处是回调函数,返回的是总时间(e.duration)和当前时间(e.currentTime)