Support

Can I make the JW Player responsive?

Yes, you can. To do this simply remove the width and height columns in the embed code. So the following:

<script src="//player.dacast.com/js/dacast_player.js" id="[VIDEO CONTENT ID HERE]" player="jw" jwurl="[LICENSE HERE]" width="800" height="500" class="dacast-video"></script>

Would become:

<script src="//player.dacast.com/js/dacast_player.js" id="[VIDEO CONTENT ID HERE]" player="jw" jwurl="[LICENSE HERE]" class="dacast-video"></script>

This content needs to be embed in a place that supports responsive designs, though. So this would look something like this, although naturally you can get creative in the design based on your website setup:

<div class="video" style="width:50%;">
<script src="//player.dacast.com/js/dacast_player.js" id="[VIDEO CONTENT ID HERE]" player="jw" jwurl="[LICENSE HERE]" class="dacast-video"></script>
</div> 

JW Player also lists instructions on how to do this based on aspect ratio. These instructions should work, although are not needed and generally removing the width and height elemets instead is a suggested practice.

JW's Guide on Making JW Player Responsive

Comments