Facebook Twitter Instagram YouTube LinkedIn WhatsApp
    Facebook Twitter Instagram LinkedIn WhatsApp
    ZaveRizwanZaveRizwan
    Subscribe
    • Home
    • Features
      • Example Post
      • Typography
      • Contact
      • View All On Demos
    • Mobiles
    • Typography
    • Mobiles
      • Tech
      • Gadgets
      • Insights
    • Buy Now
    ZaveRizwanZaveRizwan
    5centsCDN Player

    How to add VAST URL for serving ads in 5centsCDN video player?

    zaiveeBy zaiveeFebruary 6, 2023No Comments1 Min Read

    Yes, You can add VAST URL in the 5centsCDN video player to serve ads. You need to use the query parameter “adTagUrl “in the 5centsCDN Iframe code. Follow the steps,

    Step 1: Copy the 5centsCDN Iframe code from the console. Click here for more information

    Step 2: To add your VAST URL in the Iframe code, The URL should be urlencoded. You can encode the URL here.

    Step 3: You need to add the urlencoded VAST URL to the iframe code using the query parameter “adTagUrl”. Sample Iframe code is attached below.

    -> Iframe code available in 5centsCDN control panel.

     <!-- Add following section in the page's <body> tag, where you need the player to be shown -->
    <div style="width:100%;height:100%">
    
    
    <iframe src="https://iframes.5centscdn.com/5centscdn/hls/skin1/{url_encoded}showcv=true&title=title/test"
    frameBorder="0" allow="autoplay; encrypted-media" allowfullscreen
    style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px"></iframe>
    
    
    </div>
    
    

     

    -> The Iframe code with VAST URL

    <!-- Add following section in the page's <body> tag, where you need the player to be shown -->
    <div style="width:100%;height:100%">
    
    
    <iframe src="https://iframes.5centscdn.com/5centscdn/hls/skin1/{url_encodeded}showcv=true&title=title/test&adTagUrl={url_encoded_vast_URL}"
    frameBorder="0" allow="autoplay; encrypted-media" allowfullscreen
    style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px"></iframe>
    
    </div>

     

     

     

    Related Posts

    How to hide the share button in 5centsCDN video player?

    February 6, 2023

    How to hide playback rate in 5centsCDN video player?

    February 6, 2023

    How to get stream-based BW usage when using 5centsCDN player?

    February 6, 2023
    Add A Comment

    Leave A Reply Cancel Reply

    © 2023 ZaveRizwan. Designed by ZaveRizwan.
    • Home
    • Tech
    • Gadgets
    • Mobiles
    • Buy Now

    Type above and press Enter to search. Press Esc to cancel.