1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

Discussion in 'Styling and Customization Questions' started by farmglitch, Jul 25, 2014.

  1. farmglitch

    farmglitch Active Member

    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
  2. zagorskey

    zagorskey Active Member

    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>
            file: "your file",
            autostart: true,
            width: "100%",
            aspectratio: "16:9",
            stretching: "exactfit",
            expandedBufferTime: "100",
            accelerated: 'true',
            wmode: "transparent",
            allowfullscreen: "true"
    I've been using it for 16:9 online tv stream.
  3. farmglitch

    farmglitch Active Member

    Sweet thank you!!

Share This Page