Pre-roll html5 VAST

Question

我习惯于在Flash player中构建一些预滚动视频的flash横幅，但随着Flash的死亡，我正在寻找另一种方法来构建我的横幅，使它们在html5播放器中工作：

我读到有可能将JS引入到大量的事件中来使用一些事件，比如暂停、停止……但我想做的不仅仅是点击一下，甚至我也找不到任何例子来说明我应该把JS放到大量的地方让它读懂，如果有人有一个使用JS的大量工作的例子，那就太好了。

下面是我实际使用的大量应用的一个示例：

<?xml version="1.0" encoding="UTF-8"?>
<VAST version="2.0">
    <Ad id="pub_100">
        <InLine>
            <AdSystem>Pub VAST 2.0</AdSystem>
            <AdTitle></AdTitle>
            <Description></Description>
            <Error></Error> 
    <Impression><![CDATA[%%SERVER%%/RealMedia/ads/adstream_lx.ads/%%PAGE%%/%%RAND%%/%%POS%%/%%CAMP%%/%%IMAGE%%/%%USER%%?_RM_EMPTY_&%%QUERY%%]]></Impression>
       <Impression><![CDATA[http://openad.tf1.fr/RealMedia/ads/adstream.cap/%%RAND%%?c=billb&dv=1&date=1]]></Impression>
                    <Creatives>
                <Creative id="" sequence="">
                    <Linear>
                        <AdParameters><![CDATA[%%SERVER%%/RealMedia/ads/click_lx.ads/%%PAGE%%/%%RAND%%/%%POS%%/%%CAMP%%/[EVENTNAME]_%%ADID%%/%%USER%%?%%QUERY%%]]></AdParameters>
                        <Duration>00:00:21</Duration>
                        <VideoClicks>
                        <ClickThrough><![CDATA[%%SERVER%%/RealMedia/ads/click_lx.ads/%%PAGE%%/%%RAND%%/%%POS%%/%%CAMP%%/%%IMAGE%%/%%USER%%]]></ClickThrough>
                        </VideoClicks>
                        <MediaFiles>
                        <MediaFile delivery="progressive" type="video/x-flv" width="660" height="370" scalable="true" maintainAspectRatio="true"><![CDATA[http://slpubmedias.fr/ikea.swf]]></MediaFile>
                        </MediaFiles>

          </TrackingEvents>
                    </Linear>
                </Creative>
            </Creatives>
        </InLine>
    </Ad>
</VAST>

Answer 1

要播放预滚动(如果广告不是伴奏或其他内容，上下文并不重要)，你需要有一个巨大的抱怨视频播放器。它必须向Vast Tag发送一个请求。视频播放器从海量数据中读取所有必要的跟踪信息。在这个庞然大物中，你不需要一个flash文件(你只需要一个flash文件)，而是一个html videoplayer可以使用的MediaFile (mp4，webm，ogg，...)