در این پست از مدیااد طریقه استفاده درست واز تبلیغات ویدئویی VAST در پلیر video.js را توسط پنل مدیااد آموزش داده خواهد شد.
مرحله ۱ : قرار دادن اسکریپت در قسمت head
اسکریپت زیر را در قسمت <head> پس از اسکریپت videojs قرار دهید.
<!-- Common -->
<link href="/path/to/videojs.vast.vpaid.min.css" rel="stylesheet">
برای نسخه ۴ :
<!-- Video.js 4 -->
<script src="/path/to/videojs_4.vast.vpaid.min.js"></script>
برای نسخه ۵ :
<!-- Video.js 5 -->
<script src="/path/to/videojs_5.vast.vpaid.min.js"></script>
مرحله ۲ : قرار دادن اسکریپت video.js در تگ body
اسکریپت زیر را در انتهای <body> قرار دهید.
var player = videojs('my-video');
player.vastClient({
adTagUrl: "https://s1.mediaad.org/serve/example.com/123456/vast/linear/preroll"
});
آدرس مربوط به ویجت VAST خود را از قسمت مدیریت ویجتها در پنل ناشرین دریافت کرده و جایگزین قسمت هایلایت شده قرار دهید.
نمونه پیاده سازی با videojs:
http://s9.picofile.com/file/8341425926/videojs_vast.zip.html
منبع: مدیا اد