What is Responsive Video Embed and Does Dacast Support It?

By Jose Guevara

2 Min Read

banner image featured
author avatar

Jose Guevara

Jose is a part of the Dacast Customer Onboarding team and started working with the company in 2016. He has vast experience in customer service/engagement and live streaming support.

Share this post

Sign up for a 14-Day trial.

  • Start streaming in minutes
  • 10 GB of free bandwidth on us
  • No credit card required

     

    Yes, Dacast supports responsive video embeds.  If you’re not familiar, responsive video simply means that the video automatically is resized to fit the width of the video player while maintaining the aspect ratio of the original video. This way, the player doesn’t cut off any of the video trying to fill the player. You’ll find an option under the “Settings” panel labeled “Embed” that lets you choose how you wish to embed your videos. Here, you have the option to choose which embed code you want to use. At this point, you can also set the behavior of your embedded videos: responsive video embed settings  Choose between “Responsive” and “Fixed.” If you change it to “Responsive,” you’ll never have to worry about embed size again. If you choose “Fixed,” the videos will default to a fixed-width with their height determined automatically based on aspect ratio, like the images shown below: responsive video embed - fixed embed When finished, click the “Save” button, and you’re good to go. With responsive video, gone are the days of doing mental math to select the right width and height because now when you change one, the other updates automatically. Finally, if you’ve already got fixed-size videos embedded on your website you can use jQuery and the FitVids plugin to automatically upgrade your fixed videos to be responsive. Here’s a full example that you can copy and paste in the <body> tag on your website to make all Dacast videos responsive:

    <script id=”98d2eb50-5bb3-92d6-fa52-2013c0987021-live-29c76daf-f334-a16f-7d25-8a2a669c2278″ width=”100%” height=”100%” src=”https://player.dacast.com/js/player.js?contentId=98d2eb50-5bb3-92d6-fa52-2013c0987021-live-29c76daf-f334-a16f-7d25-8a2a669c2278″  class=”dacast-video”></script>

    If you have any questions about responsive video embedding or need help with this Dacast feature, feel free to contact us directly. Not yet a Dacast user, and interested in trying Dacast risk-free for 14 days? Sign up today to get started.

    get started for free

    Additional Resources:

     

    author avatar

    Jose Guevara

    Jose is a part of the Dacast Customer Onboarding team and started working with the company in 2016. He has vast experience in customer service/engagement and live streaming support.

    Free 14-Day Trial

    • Start streaming immediately
    • No credit card required
    • 10 GB of bandwidth
    Read Next

    Read Next

    article featured

    How to use Dacast Signed Keys?

    author avatar

    Rizaldy Samonte

    1 Min Read

    article featured

    Simulcasting: How to Stream to Multiple Sites – Dacast, Facebook & More

    author avatar

    Jose Guevara

    3 Min Read

    article featured

    What Is The DVR Or Digital Video Recorder Feature In Dacast?

    author avatar

    Samantha Lo

    2 Min Read

    Subscribe Now

    Stay up-to-date with the latest features and product releases. Cool tips, expert advice and more.