JS VPAID - JS 视频播放器在 DOM 中呈现 VPAID 广告是否有“标准”方式？答案

【问题标题】：JS VPAID - Is there a "standard" way that VPAID ads are rendered in the DOM by JS Video Players?JS VPAID - JS 视频播放器在 DOM 中呈现 VPAID 广告是否有“标准”方式？
【发布时间】：2018-01-18 22:12:53
【问题描述】：

我看到视频播放器通过两种方式将 VPAID 广告（不是用于跟踪的 VPAID）呈现到 DOM 中。

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>

在上面的示例中，videoPlayer 的元素播放 VPAID 广告视频内容，同时将交互式 html 广告创意内容呈现为广告视频内容的叠加层。这似乎是 JWPlayer 正在发生的事情： https://developer.jwplayer.com/tools/ad-tester/

2) 在第二个示例中，区别在于 videoPlayer 的元素从不实际播放广告视频。这是因为使用了一个完全独立的 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>

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

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

我很好奇，因为我见过 VPAID 实例，其中广告视频在创意 html 内容内的元素中呈现，我想知道这种执行类型是否常见和/或是否也被视为“标准” '。

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>

谢谢。

【问题讨论】：

标签： html video jwplayer vast google-ima

【解决方案1】：

是的，这两种方式都是展示前贴片广告的有效方式。通常，更全面的 VPAID 广告管理器（例如 Google IMA）会创建一个与内容视频分开的新视频元素。这使他们能够进一步控制环境和跟踪。

【讨论】：