很多朋友在求助,问JWPlayer能不能像CKplayer那样自定义插入广告?
答案是肯定的!
JWPlayer视频播放器提供了强大的广告组件,能够轻松实现广告的展现,不过目前博主所了解到的是,广告展现方式仅支持流媒体格式,不支持HTML代码,以及图片形式广告,这点略为遗憾。
JWPlayer目前支持:基于VAST视频广告投放规范和Google IMA广告协议,不懂的同学可以自行百度一下,下面我会给出示例代码的,按照代码框架来填写就可以了。
示例代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
ENTER PLAYER JS URL HERE <script>jwplayer.key="INSERT_YOUR_KEY_HERE"</script> <div id="my-video"></div> <script type="text/javascript"> jwplayer("my-video").setup({ file: "http://content.jwplatform.com/videos/Wf8BfcSt-kNspJqnJ.mp4", image: "http://content.jwplatform.com/thumbs/Wf8BfcSt-640.jpg", width: "580", height: "370", primary: "flash", advertising: { client: "vast", schedule: {"myAds":{"offset":"pre","tag":"http://www.adotube.com/php/services/player/OMLService.php?avpid=oRYYzvQ&platform_version=vast20&ad_type=linear&groupbypass=1&HTTP_REFERER=http://www.longtailvideo.com&video_identifier=longtailvideo.com,test"}} } }); </script> |
上面代码里面,有几个关键词需要解释一下
primary:播放器首要渲染模式,可以为html5或者flash(建议html5)
client:广告协议,VAST或者Google IMA(下面示例中将使用VAST)
schedule:视频广告详细配置
offset:广告在什么时候出现
pre:片头;
post:片尾
填写数字 :例如填写数字15,即在15秒后开始播放广告;
tag:视频广告文件路径
下面给出一段实例代码,可以直接点下方运行按钮查看效果,建议关闭广告屏蔽类插件(如ABP),加载略慢耐心等待...
提示:你可以先修改部分代码再运行。
使用广告功能,需要在用到vast.js这个插件,下载之后直接放到jwplayer原程序相应的目录即可。
在本博下载播放器源码的同学可直接把插件放到jwplayer-7.9.1\7.9.1这个目录下。
jwplayer-7.9.1下载传送门 vast.js下载点我 广告XML文件示例点我
Ps:JWPlayer广告功能需要购买高级版本或者广告版本才可以,官方免费版是不支持广告功能的哦。
@东少
在你的vast.js中需要vast.swf,不然就会报plugin file not found jwplayer-7.9.1/vast.swf,请问这个vast.swf在哪里
@邓 试试这个地址
https://ssl.p.jwpcdn.com/player/v/7.12.13/vast.swf
@东少 我试了一下,还是file not found
@邓 那就是你的视频有问题,或者代码有问题
@东少 我们可以在qq上聊吗
@邓 Q群:46056238
@东少 请同意一下谢谢
什么意思?支持广告的插件?
你好 我想请问一下 使用JW投放VAST规则的广告 必须是有视频依赖才可以么 播放VAST广告不可以么? 如果可以的话 file里面该怎么写
@刘振帅 https://developer.jwplayer.com/tools/ad-tester/
可以到这里看看,可以在线调试。
非常方便
@东少 额 我的意思是说您提到的JW投放广告是在播放器已有视频的情况下 在视频前 中 或者后插入xml的文件来实现广告 如果我只需要播放一个xml文件格式的视频广告 该怎么用呢? 还有我按照您的教程 下载您的代码在视频前插入xml广告 并没有出现广告 只是有视频。 vast.js已经放入到指定的目录下了 这是不是因为必须购买高版本的jw才可以支持广告插入呢?
@刘振帅 那当然,广告是付费功能。
@东少 ok 如果使用支持广告插件的jw 该怎么只投放广告呢 不依赖于视频可以么?
@东少 就是我买了支持广告功能的JW播放器 能不能只播放广告?
@刘振帅 这个就看你了,只要能播放,那就没问题的。
@东少 但是我在 https://developer.jwplayer.com/tools/ad-tester/ 站测试了VAST的代码 并没有出现视频。。。