JS VPAID-是否有“标准”方式通过JS Video Player在DOM中呈现VPAID广告？
[英]JS VPAID - Is there a “standard” way that VPAID ads are rendered in the DOM by JS Video Players?
问题描述
I've seen two ways in which VPAID Ads (not VPAID used for tracking) are rendered into the DOM by the Video Player. 
我已经看到了两种方法，通过视频播放器将VPAID广告（不是用于跟踪的VPAID）呈现到DOM中。
1) The layering of elements in the DOM in the first example is something like the following (simplified for brevity): 1）在第一个示例中，DOM中元素的分层类似于以下内容（为简洁起见简化）：
<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>
In the above example, the element of the videoPlayer plays the VPAID ad video content while the renders the interactive html ad creative content as an overlay of the ad video content. 在上面的示例中，videoPlayer的元素播放VPAID广告视频内容，而呈现交互式html广告创意内容作为广告视频内容的覆盖。 This is what appears to be happening with the JWPlayer: https://developer.jwplayer.com/tools/ad-tester/ JWPlayer似乎正在发生这种情况： https : //developer.jwplayer.com/tools/ad-tester/
2) In the second example, there is a difference in that the element of the videoPlayer never actually plays the ad video. 2）在第二个示例中，区别在于videoPlayer的元素从不实际播放广告视频。 This is because a completely separate DOM element is used to contain the entirety of the VPAID ad content: 这是因为使用完全独立的DOM元素来包含整个VPAID广告内容：
<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>
In the second example, the content video remains in the videoPlayer's element. 在第二个示例中，内容视频保留在videoPlayer的元素中。 The content videoPlayer is overlaid by a DOM element specifically used to contain and render all of the ad content. 内容videoPlayer被DOM元素覆盖，该元素专门用于包含和呈现所有广告内容。 The ad video asset is loaded into a element of the ad container and this is overlaid by the interactive html ad creative content. 广告视频资产被加载到广告容器的元素中，并被交互式html广告创意内容覆盖。 This can be observed by viewing the Google IMA execution: https://developers.google.com/interactive-media-ads/docs/sdks/html5/vastinspector 可以通过查看Google IMA执行来观察： https : //developers.google.com/interactive-media-ads/docs/sdks/html5/vastinspector
Are these considered 'standard' video player methods of executing VPAID ads? 这些被视为执行VPAID广告的“标准”视频播放器方法吗？
I'm curious because I've seen instances of VPAID where the ad video is rendered w/in a element inside the creative html content and I wanted to know if this type of execution is common and/or also considered 'standard'. 我很好奇，因为我看到过VPAID的实例，其中广告视频是通过广告素材html内容中的一个元素呈现的，我想知道这种执行类型是否通用和/或也被认为是“标准”的。
3) example: 3）示例：
<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>
Thanks. 谢谢。
1 个解决方案
解决方案1
0 2018-02-08 11:16:06
Yes, both of these are valid ways to display a preroll ad. 是的，这两种都是显示预贴广告的有效方法。 Typically, the more comprehensive VPAID ad managers such as the Google IMA will create a new video element that is separate from the content video. 通常，功能更全面的VPAID广告管理器（例如Google IMA）会创建一个与内容视频分开的新视频元素。 This allows them further control over the environment and tracking. 这使他们可以进一步控制环境和跟踪。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.