javascript - 在没有(标准)播放器的情况下运行 VAST？

Question

非常感谢回答此问题!

反正我是第一次看到VAST标签。现在，想法是在没有或使用普通播放器的情况下运行/实现它。这可能只使用 JavaScript 事件吗？究竟如何？

标签看起来像这样: http://example.com/www/delivery/vst.php?zoneid=000&id=website

<VAST version="2.0">
    <Ad id="VPAID">
        <InLine>
            <AdSystem version="1.0">AD COMPANY</AdSystem>
            <AdTitle>VPAID Ad Manager</AdTitle>
            <Impression/>
            <Creatives>
                <Creative sequence="1">
                    <Linear>
                        <Duration>00:00:15</Duration>
                        <MediaFiles>
                            <MediaFile delivery="progressive" width="640" height="480" scalable="true" type="application/x-shockwave-flash" apiFramework="VPAID">
                                <![CDATA[
                                http://example.com/www/admanager/AdManager.swf?zoneid=000&id=website&ft1=10&ft2=40&ft3=5&ft4=30&ft5=0.5&ft6=10&ft7=20&ht1=5&ht2=40&ht3=5&ht4=30&ht5=0.5&ljt=example.com&vtid=v_00000_hashid
                                ]]>
                            </MediaFile>
                            <MediaFile delivery="progressive" width="640" height="480" scalable="true" type="application/javascript" apiFramework="VPAID">
                                <![CDATA[
                                http://example.com/www/admanager/ad-manager.js#zoneid=000&id=website&ft1=10&ft2=40&ft3=5&ft4=30&ft5=0.5&ft6=10&ft7=20&ht1=5&ht2=40&ht3=5&ht4=30&ht5=0.5&ljt=example.com&vtid=v_00000_hashid
                                ]]>
                            </MediaFile>
                        </MediaFiles>
                    </Linear>
                </Creative>
            </Creatives>
        </InLine>
    </Ad>
</VAST>

Answer 1

您可以使用 Google 的 IMA SDK处理响应的获取和处理。它适用于任何符合标准的 VAST 或 VMAP，而不仅仅是 DFP。

如果需要，您可以在没有视频播放器的情况下使用 IMA SDK。我修改了谷歌的 getting started example在这里删除了视频元素:http://jsbin.com/dosexa/edit?html,css,js,output

广告的容器可以是一个 div:

var adDisplayContainer =
new google.ima.AdDisplayContainer(document.getElementById('adContainer'));

广告管理器需要一个视频元素(或实现某些视频元素 API 的东西)，但这可以是一个空视频元素:

adsManager = adsManagerLoadedEvent.getAdsManager(document.createElement('video')); 

我在此处使用的示例是 VPAID，如您的示例所示。有一个视频广告代码被注释掉了。

使用与播放器的预构建集成可能仍然更简单。 Google 提供 plugin将 SDK 与 video.js 一起使用的包装器。