web端vlc暂停后从当前时刻继续播放(不播放缓存)

//html
<object type='application/x-vlc-plugin' windowless="true" pluginspage="http://www.videolan.org/" id="vlc" events="false">
    <param name='mrl'>  
    <param name='volume' value='50'>
    <param name='autoplay' value='true'>
    <param name='loop' value='false'>
    <param name='fullscreen' value='false'>
    <param name='controls' value='false'>
</object>

<div class="btn1">暂停</div>

<div class="btn2">播放</div>


object属性值

windowless:该值得设置会影响vlc在网页内的渲染方式。设置为true时,vlc将以内嵌的方式在web内绘制,可以在其上方放置div或使用canvas绘图。设置为false时,vlc插件将总是悬浮与网页最上层,任何其他元素都将被遮盖住。

mrl:流媒体或视频播放地址

loop:是否循环播放

controls:是否显示vlc自带的控制按钮

//js
//vlc必须是原生js对象才可调用下面的方法
var vlc=$("#vlc")[0];
vlc.playlist.add(mrl);
vlc.playlist.play();

$(".btn1").click(function(){
    vlc.pause();             
})

$(".btn2").click(function(){
    // stop()方法将清除缓存
    vlc.stop();
    vlc.play();
})

 

posted @ 2018-04-02 11:50  还记得你的呢喃  阅读(1650)  评论(0)    收藏  举报