jwplayer 隐藏属性方法记载

2019-06-10 11:55:36
jwplayer().getPosition(); //播放了多少秒
jwplayer('playerdiv').play(); ||  
jwplayer(0).play(true / false);  //是否播放 0为索引
jwplayer(0).pause(true / false); //是否暂停
jwplayer(0).stop(); //停止无参
jwplayer().getBuffer(); //加载了百分之几
jwplayer().getFullscreen();
setFullscreen(state); //是否全屏
jwplayer().getMute();
setMute(state) //是否静音
  
 jwplayer().getPlaylist()[0]['file'] ||
    jwplayer().getPlaylistItem(0)['file'] //获取播放列表中索引为0项的file值
  
 jwplayer().getWidth() jwplayer().getHeight() //宽高
  
 jwplayer().getState() //state值:1.playing播放中 2.paused停止 3.idle空闲 4.completed结束
  
 jwplayer().getDuration() //视频播放结束需要的时间
  
 jwplayer().getVolume() //声音大小
  
 //加载播放列表
 var playlist = new Array({
    file: "video/123.mp4",
    image: "images/videoimg1.jpg"
}, {
    file: "video/234.flv",
    image: "images/videoimg1.jpg"
});
jwplayer(0).load(playlist);
  
jwplayer(0).playlistItem(1); //播放下标为1的视频
jwplayer(0).playlistNext(); //播放下一个视频
jwplayer(0).playlistPrev(); //播放上一个视频
jwplayer(0).resize(width, height); //宽高
 //从第(10-缓冲秒数)秒开始,缓冲(bufferlength)默认为3秒
jwplayer(0).seek(10);
  
events: {
    onComplete: function () {
        alert("播放结束!!!");
    },
    onVolume: function () {
        alert("声音大小改变!!!");
    },
    onReady: function () {
        alert("准备就绪!!!");
    },
    onPlay: function () {
        alert("开始播放!!!");
    },
    onPause: function () {
        alert("暂停!!!");
    }--1
}
  
Jwplayer(0).onPause: function () {
    alert("暂停!!!");
} //与1等同,先执行1
  
 //回调函数
jwplayer(0).onBufferChange(function () {
    alert("缓冲改变!!!");
});
jwplayer(0).onBufferFull(function () {
    alert("视频缓冲完成!!!");
});
jwplayer(0).onError(function (obj) {
    alert("播放器出错!!!" + obj.message);
})
  
 jwplayer(0).onFullscreen(function (obj) {
    if (obj.fullscreen) {
        alert("全屏");
    } else {
        alert("非全屏");
    }
});
onMute(callback) // obj. mute是否静音
 onPlaylist(function (obj) { //视频列表载入完成
    alert(obj.playlist[0]['file']);
});
onPlaylistItem(callback) // 开始播放一个视频时触发obj.index为视频索引
 onReady(callback) //准备就绪
 onResize(callback) //obj.width obj.height  宽高
  
 //进入播放时触发obj.oldstate 值:从BUFFERING PAUSE状态进入播放状态
 onPlay(callback)
  
 //进入暂停obj.oldstate 值1:从PLAYING BUFFERING状态进入暂停
 onPause(callback)
  
 onBuffer(callback) //进入加载obj.oldstate 值PLAYING, PAUSED or IDLE
  
 onIdle(callback) //进入空闲obj.oldstate 值PLAYING, PAUSED or BUFFERING.
  
 onComplete(callback) //结束播放
  
 onVolume(callback) //obj.volume


  • 2020-03-18 21:15:34

    使用canvas画布解决百度地图自定义图层全球连续显示问题

        基于百度地图的Web API进行自定义图层叠加时,默认的图层只能叠加到全球范围以内,即经度范围为[-180, 180],而无法将图层叠加到默认的全球范围以外,即经度范围超出了[-180, 180]之后,经纬度坐标会自动回归到(0, 0),而导致在地图拖拽时全球以外无法连续显示想要的图层,此时可以基于百度地图的自定义图层将经纬度坐标转为像素点使用画布canvas来解决该问题。解决后效果如下图所示: ———————————————— 版权声明:本文为CSDN博主「宏伟杰作」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/u011284073/article/details/80549950

  • 2020-03-18 21:18:01

    node-canvas实现百度地图个性化底图绘制

    随着nodejs的推出,node的并发和异步的强大能力,越来越多的得到应用,而且取得了非常不错的效果。 作为一个前端工程师对node.js自然有着一份更深的感情,跃跃欲试的心情,总希望能将它应用到产品中来。

  • 2020-03-18 21:19:28

    高德地图和canvas画图结合应用的一些感想(一)

    入了团队才发现,该项目前后端分离,后端工程师已就位主要实现接口,IOS端工程师也已就位,还差一个web前端工程师。背脊一凉,我之前虽然写过一些js和css,虽有点功底但是离前端工程师还是有距离的啊。在和朋友说明情况后,朋友也是胆大,让我试试,主要他实在找不到人了(也有可能目前前端工程师报价都太贵了,创业嘛,能节约就节约,能理解。。。),没办法,走一步算一步吧。

  • 2020-03-18 21:30:57

    基于OpenLayers实现地理围栏 谷歌百度高德地图都可以

    前言.因为项目有点特殊,需要接入谷歌地图实现地理围栏,因为谷歌地图的地理围栏接口相关接口并不完善,于是就换了一个思路,利用OpenLayers来实现地理围栏 openlayers 中文地址 http://weilin.me/ol3-primer/ch02/index.html 作者:zcty0701 链接:https://www.jianshu.com/p/60e88ee1e843 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 2020-03-19 17:12:40

    百度地图放大覆盖物消失

    产生问题的原因是因为我们用的普通的点数组生成的多边形,我们应该用百度的点数组生成就没问题了。

  • 2020-03-19 19:15:47

    vue中methods watch和compute的区别和联系

    首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同 而从作用机制和性质上看,methods和watch/computed不太一样,所以我接下来的介绍主要有两个对比: 1.methods和(watch/computed)的对比