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.volumejwplayer 隐藏属性方法记载
-
对icomoon的误解,以及最快速的使用
此时需要注意顶部第一个选项,Quick Usage,一定要打开,Enable Quick Usage,谁让咱英语不好呢,这个时候会出现一个css连接,直接引用就好了,就可以随意使用图标了,引入这一个css就能实现我们的功能,省区引入太多文件的烦恼,你可以在浏览器打开这个css,可以看到里面把我们所用的文件整成base64了。所以挺好用的。
-
video标签视频不自动播放的问题
添加 muted 属性,就可以通过地址栏进入网页的时候自动播放了,手机端还是有的有限制的,比如iphone浏览器,就不行,苹果手机为了保护用户的流量和用户的意愿,是禁止自动播放的,必须有手动触发。
-
nuxt+pm2 自动化部署及打包后文件自动上传阿里云 oss(精华)
部署nuxtjs,这一篇文章就够了,pm2 代码自动发布依赖于 git 工具,先将 ssh 密钥配置再你的代码仓库(github 或者 gitLab),具体操作自行 google 或者点击github 配置 ssh。 使用 ssh 密钥链接服务器 s $ ssh-copy-id root@1.2.3.4 # 把本机的 SSH 秘钥添加至服务器,配置成功后,以后就不需要再执行这条 SSH 命令了
-
父组件传值给子组件时 ,watch props 监听不到解决方案
immediate:true,完美解决
-
高德地图实现矩形围栏绘制和编辑
绘制围栏和编辑围栏使用高德自带的插件AMap.PolyEditor,AMap.CircleEditor,AMap.MouseTool
-
使用canvas画布解决百度地图自定义图层全球连续显示问题
基于百度地图的Web API进行自定义图层叠加时,默认的图层只能叠加到全球范围以内,即经度范围为[-180, 180],而无法将图层叠加到默认的全球范围以外,即经度范围超出了[-180, 180]之后,经纬度坐标会自动回归到(0, 0),而导致在地图拖拽时全球以外无法连续显示想要的图层,此时可以基于百度地图的自定义图层将经纬度坐标转为像素点使用画布canvas来解决该问题。解决后效果如下图所示: ———————————————— 版权声明:本文为CSDN博主「宏伟杰作」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/u011284073/article/details/80549950
-
node-canvas实现百度地图个性化底图绘制
随着nodejs的推出,node的并发和异步的强大能力,越来越多的得到应用,而且取得了非常不错的效果。 作为一个前端工程师对node.js自然有着一份更深的感情,跃跃欲试的心情,总希望能将它应用到产品中来。
-
高德地图和canvas画图结合应用的一些感想(一)
入了团队才发现,该项目前后端分离,后端工程师已就位主要实现接口,IOS端工程师也已就位,还差一个web前端工程师。背脊一凉,我之前虽然写过一些js和css,虽有点功底但是离前端工程师还是有距离的啊。在和朋友说明情况后,朋友也是胆大,让我试试,主要他实在找不到人了(也有可能目前前端工程师报价都太贵了,创业嘛,能节约就节约,能理解。。。),没办法,走一步算一步吧。
-
百度地图canvas自定义轨迹
百度地图canvas自定义轨迹
-
Canvas基于百度地图绘制流动曲线
Canvas基于百度地图绘制流动曲线