外掛文件和下載地址:

用法：
一、引入外掛的css、js檔案

<script src="https://unpkg.com/[email protected]/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();
        });