XF 1.3 Best way to wrap my JW Player in responsive design.

[farmglitch]

I want to wrap my JW Player in responsive design. I found code for this but was hoping someone here has already implemented this and could point me in the right direction. also I am going to be hosting a lot of different types of media on my site and was hoping to find a way to detect browser size and implement different size video files depending on the device used. I am using Adobe Media encoder create different size files for a couple of the main devices being used on the market today. My plan right now is to allow manual selection but it would be nice to make this automatic. Also I am going to try out the Adsense for video but IDK...Do you really need 1 million hits a month to make that work?? Thanks

 

[zagorskey]

Here's my practice of making it responsive:

<script src="path to jwplayer.js"></script>
<script>jwplayer.key="your key";</script>
<div id="player">
    <div id="jwplayer"></div>
</div>
<script>   
    jwplayer("jwplayer").setup({
        file: "your file",
        autostart: true,
        width: "100%",
        aspectratio: "16:9",
        stretching: "exactfit",
        expandedBufferTime: "100",
        accelerated: 'true',
        wmode: "transparent",
        allowfullscreen: "true"
    });
</script>
<style>
#player{position:relative;max-width:640px;height:auto}
</style>

I've been using it for 16:9 online tv stream.

 

[farmglitch]

Sweet thank you!!

Here's my practice of making it responsive:

<script src="path to jwplayer.js"></script>
<script>jwplayer.key="your key";</script>
<div id="player">
    <div id="jwplayer"></div>
</div>
<script>  
    jwplayer("jwplayer").setup({
        file: "your file",
        autostart: true,
        width: "100%",
        aspectratio: "16:9",
        stretching: "exactfit",
        expandedBufferTime: "100",
        accelerated: 'true',
        wmode: "transparent",
        allowfullscreen: "true"
    });
</script>
<style>
#player{position:relative;max-width:640px;height:auto}
</style>

I've been using it for 16:9 online tv stream.