首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JS VPAID - JS Video Player在DOM中呈现VPAID广告有没有一种“标准”的方式?

JS VPAID - JS Video Player在DOM中呈现VPAID广告有没有一种“标准”的方式?
EN

Stack Overflow用户
提问于 2018-01-19 06:12:53
回答 1查看 551关注 0票数 0

我已经看到视频播放器将VPAID广告(而不是用于跟踪的VPAID )呈现到DOM中的两种方法。

1)第一个示例中DOM中的元素分层类似于以下内容(为简洁起见进行了简化):

代码语言:javascript
复制
<div id="videoPlayer">
<video class="playerVideoElement" src="pathToAdVideoAsset"></video>
<div id="adContainer">
<iframe id="adCreativeHTMLContent" class="overlaysVideoContent">
<html id="adCreativeDocument">
<div>//.. creative interactive content</div>
</html>
</iframe>
</div>
</div>

在上面的示例中,videoPlayer的元素播放VPAID广告视频内容,而将交互式html广告创意内容呈现为广告视频内容的覆盖。这似乎就是发生在JWPlayer上的事情:https://developer.jwplayer.com/tools/ad-tester/

2)在第二个示例中,不同之处在于videoPlayer的元素从未实际播放过广告视频。这是因为使用了一个完全独立的DOM元素来包含整个VPAID广告内容:

代码语言:javascript
复制
<div id="videoPlayer">
<video class="playerVideoElement" src="pathToContentVideo"></video>
</div>
<div id="adContainer">
<video class="adSpecificVideoElement" src="pathToAdVideoAsset"></video>
<iframe id="adCreativeHTMLContent" class="overlaysVideoContent">
<html id="adCreativeDocument">
<div>//.. creative interactive content</div>
</html>
</iframe>
</div>

在第二个示例中,视频内容保留在videoPlayer的元素中。内容videoPlayer被一个专门用于包含和呈现所有广告内容的DOM元素所覆盖。广告视频资产被加载到广告容器的元素中,并且这被交互式html广告创作内容覆盖。这可以通过查看Google IMA的执行情况来观察:https://developers.google.com/interactive-media-ads/docs/sdks/html5/vastinspector

这些是否被认为是执行VPAID广告的“标准”视频播放器方法?

我很好奇,因为我见过VPAID的例子,广告视频是在创造性的html内容中的一个元素中呈现的,我想知道这种类型的执行是否常见和/或也被认为是“标准”。

3)示例:

代码语言:javascript
复制
<div id="videoPlayer">
<video class="playerVideoElement" src="none_or_pathToContentVideo"></video>
<div id="adContainer">
<iframe id="adCreativeHTMLContent" class="overlaysVideoContent">
<html id="adCreativeDocument">
<video class="adVideoElement" src="pathToadVideo"></video>
<div>//.. creative interactive content</div>
</html>
</iframe>
</div>
</div>

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2018-02-08 19:16:07

是的,这两种方法都是显示预滚动广告的有效方式。通常,更全面的VPAID广告管理器(如Google IMA )将创建与内容视频分离的新视频元素。这允许他们进一步控制环境和跟踪。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48331176

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档