JWPlayer如何嵌入视频广告？实例教程

很多朋友在求助，问JWPlayer能不能像CKplayer那样自定义插入广告？

答案是肯定的！

JWPlayer视频播放器提供了强大的广告组件，能够轻松实现广告的展现，不过目前博主所了解到的是，广告展现方式仅支持流媒体格式，不支持HTML代码，以及图片形式广告，这点略为遗憾。

JWPlayer目前支持：基于VAST视频广告投放规范和Google IMA广告协议，不懂的同学可以自行百度一下，下面我会给出示例代码的，按照代码框架来填写就可以了。

示例代码：

ENTER PLAYER JS URL HERE

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广告功能需要购买高级版本或者广告版本才可以，官方免费版是不支持广告功能的哦。

17条回应：“JWPlayer如何嵌入视频广告？实例教程”

邓说道：

2018 年 9 月 12 日上午 11:24

@东少

回复
邓说道：

2018 年 9 月 12 日上午 11:14

在你的vast.js中需要vast.swf,不然就会报plugin file not found jwplayer-7.9.1/vast.swf,请问这个vast.swf在哪里

回复
- 东少说道：
  
  2018 年 9 月 12 日上午 11:29
  
  @邓试试这个地址
  
  https://ssl.p.jwpcdn.com/player/v/7.12.13/vast.swf
  
  回复
  - 邓说道：
    
    2018 年 9 月 12 日上午 11:33
    
    @东少我试了一下，还是file not found
    
    回复
    - 东少说道：
      
      2018 年 9 月 12 日上午 11:35
      
      @邓那就是你的视频有问题，或者代码有问题
      
      回复
  - 邓说道：
    
    2018 年 9 月 12 日上午 11:34
    
    @东少我们可以在qq上聊吗
    
    回复
    - 东少说道：
      
      2018 年 9 月 12 日上午 11:35
      
      @邓 Q群：46056238
      
      回复
      - 邓说道：
        
        2018 年 9 月 12 日上午 11:37
        
        @东少请同意一下谢谢
东少说道：

2017 年 6 月 9 日下午 4:01

什么意思？支持广告的插件？

回复
刘振帅说道：

2017 年 6 月 9 日下午 3:16

你好我想请问一下使用JW投放VAST规则的广告必须是有视频依赖才可以么播放VAST广告不可以么？如果可以的话 file里面该怎么写

回复
- 东少说道：
  
  2017 年 6 月 9 日下午 3:22
  
  @刘振帅 https://developer.jwplayer.com/tools/ad-tester/
  可以到这里看看，可以在线调试。
  非常方便
  
  回复
  - 刘振帅说道：
    
    2017 年 6 月 9 日下午 3:51
    
    @东少额我的意思是说您提到的JW投放广告是在播放器已有视频的情况下在视频前中或者后插入xml的文件来实现广告如果我只需要播放一个xml文件格式的视频广告该怎么用呢？还有我按照您的教程下载您的代码在视频前插入xml广告并没有出现广告只是有视频。 vast.js已经放入到指定的目录下了这是不是因为必须购买高版本的jw才可以支持广告插入呢？
    
    回复
    - 东少说道：
      
      2017 年 6 月 9 日下午 3:54
      
      @刘振帅那当然，广告是付费功能。
      
      回复
      - 刘振帅说道：
        
        2017 年 6 月 9 日下午 4:01
        
        @东少 ok 如果使用支持广告插件的jw 该怎么只投放广告呢不依赖于视频可以么？
      - 刘振帅说道：
        
        2017 年 6 月 15 日上午 10:56
        
        @东少就是我买了支持广告功能的JW播放器能不能只播放广告？
      - 东少说道：
        
        2017 年 6 月 15 日上午 10:58
        
        @刘振帅这个就看你了，只要能播放，那就没问题的。
      - 刘振帅说道：
        
        2017 年 6 月 15 日上午 11:01
        
        @东少但是我在 https://developer.jwplayer.com/tools/ad-tester/ 站测试了VAST的代码并没有出现视频。。。

17条回应：“JWPlayer如何嵌入视频广告？实例教程”

发表评论 取消回复

发表评论取消回复