html5播放器larkplayer

插件文档和下载地址:

https://github.com/dblate/larkplayer

用法：
一、引入插件的css、js文件

<script src="https://unpkg.com/larkplayer@latest/dist/larkplayer.js"></script>

二、html中video元素

<video id="video" webkit-playsinline playsinline x-webkit-airplay x5-playsinline="true"   x5-video-player-type="h5"   duration="{$videoList['time_length']}" width="100%" height="195px" >
<p>不支持html5视频播放</p>
</video>

三、javascript中初始化播放器，这是个视频加了片头视频例子。

var player =larkplayer('video', {
            // options 对象用于设置一些其他属性，可选
            width: '100%',
            height: 192
        }, function () {
            $('.lark-control-bar').css('visibility','hidden');
            // player ready 时的回调函数，可选
            console.log('player is ready');
        });
        //复制链接
        player.src('http://videohead.17sysj.com/videoHead_20180321103039670.mp4');
        //监听视频结束
        player.on('ended', function () {
            console.log('ended');
            if($('#flag').val()=='third'){ #第二次结束后只是重置
                player.load();
                return;
            }
            //设置值
            $('#flag').val('third');

            $('.lark-control-bar').css('visibility','visible');
            $('.larkplayer').attr('id','larkplayer');
            player.reset();
            player.src(Gsobj.rl);
            player.play();
        });