How can I make my video responsive?

We recommend that you use  FluidVids.js to make our iframe-base video player response.

Placing the following at the bottom of <body> will make every Distrify player on the page responsive, adjusting it's size for different layouts and device classes.

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fluidvids.js/2.4.1/fluidvids.min.js"></script>

<script type="text/javascript">

  fluidvids.init({
    selector: ['iframe'],
    players: ['embeds.distrify.com']
  })

</script>

Still need help? Contact Us Contact Us