Как добавить обширную рекламу в jw player

Я пытаюсь добавить обширную рекламу с рекламных сайтов на jwplayer Вот что я получил с рекламного сайта

Bebi Video Ads :: Vast Instructions

To get vast url you should first include Bebi script on top of your page:

<script type="text/javascript" data-cfasync="false" src="//st.bebi.com/bebi_v3.js"></script>

then to get a vast url you should call:

BB.getVASTUrl(209831);

wherever you need it.


More information and examples can be found at:

https://bebimedia.freshdesk.com/solution/articles/14000075614-how-to-use-bebi-video-ads

Я пробовал и не знаю, что делать дальше

<script type="text/javascript" data-cfasync="false" src="//st.bebi.com/bebi_v3.js"></script>

<script src="https://cdn.jwplayer.com/libraries/SNAMyqnD.js"></script>

<div id="player"></div>

<script>
var videoPlayer = jwplayer("player");
videoPlayer.setup({
sources: [{file: "https://www.w3schools.com/tags/mov_bbb.mp4"}],
width:"100%",
height:"100%",
});
</script>


person Community    schedule 13.05.2020    source источник


Ответы (1)


Во-первых, вам нужно выполнить эти два требования:

Во-вторых, этот код должен загружать вашу рекламу Bebi в рекламной паузе перед роликом в JW Player. Если у вас есть дополнительные рекламные паузы (в середине ролика, после ролика), взгляните на рекламная документация.

<html>

<head>
    <script type="text/javascript" data-cfasync="false" src="https://st.bebi.com/bebi_v3.js"></script>

    <script src="https://cdn.jwplayer.com/libraries/SNAMyqnD.js"></script>
</head>

<body>
    <div id="player"></div>

    <script>
        var videoPlayer = jwplayer("player");
        var vasturl = BB.getVASTUrl(your_placement_id); 

        videoPlayer.setup({
            "playlist": [{
                "file": "https://www.w3schools.com/tags/mov_bbb.mp4"
            }],
            "height": 360,
            "width": 640,
            "advertising": {
                "client": "googima",
                "schedule": [{
                    "offset": "pre",
                    "tag": vasturl                  
                }]
            }
        });
    </script>
</body>

</html>
person TechWriterKevin    schedule 13.05.2020