Viewing 15 replies - 16 through 30 (of 34 total)
  • I put in the header file because that is common to all of my templates. I also put it in the head of my default page since there is a video on there.

    Make sure that you change the first line in resizeVideo to the main container that shrinks and grows around the video. Also, make sure that you measure the size of the control bar on the bottom depending on the skin you use. If that is incorrect you’ll see black bars on the sides.

    Plugin Author JW Player

    (@longtail-video)

    Thanks for sharing this!

    Could someone please explain the code contributed by Fencer04 in the layman’s terms for us noobs ? I am sure this will help tons of people.

    I love this plugin but unfortunately it is like a blunt knife without the responsive feature.
    Anyone please?

    This code uses jquery to resize the viewport of the player to the width of the container. To use it, bring in jquery and use the function I posted replacing the selectors I used with the ones for your HTML elements.

    Plugin Author JW Player

    (@longtail-video)

    We also are going to work on an actual update in the future that will make it easier to do this.

    @fencer04, I could not get this to work so there must be something i am doing wrong. So there are a couple of questions i need to ask. Please be kind and answer.

    1. Currently I have the width and height set as 710px and 400px respectively. what should we put in the height and width dimension in the jwplayer plugin settings ?

    2. What do you mean by bring in jquery ? Should i call in from google libraries..if so, which version? I would be glad if you could help me here.

    3. My container div is called “main” and the jwplayer container is “#jwplayer-1_wrapper”. I have put the above given snippet within script-tags and put it in the header with these div selectors. But it does not seem to work on resize. Please have a look at the code below and suggest me appropriate corrections.

    <script type="text/javascript">
    $(document).ready(function(){
                    resizeVideo();
                });
    
                $(window).resize(function(){
                    resizeVideo();
                })
    
                function resizeVideo(){
                    //Get Width of Container
                    var width = $("#main").width();
                    //Calculate height based on width and video aspect ration then add the height of the control bar.
                    var height = (width * 0.5625) + 40;
                    //Update the container with the new height and width
                    $("#jwplayer-1_wrapper").width(width).height(height);
                }
    </script>

    @Longtail – Glad to hear that. But cant wait too long. Future sounds too long.

    Thnks guys.

    Plugin Author JW Player

    (@longtail-video)

    It will be done after we release an update to the plugin to support V6.

    So basically, what you are saying there is no solution to getting JWPlayer plugin to be responsive, and that this function will be added to a ‘future’ release which you haven’t the slightest clue when the ETA will be even though people have been asking about it for 6+ months.

    Awesome.

    Plugin Author JW Player

    (@longtail-video)

    There isn’t right now unless you use your own solution.

    Ulrich

    (@grapplerulrich)

    There are two solutions in this post for responsive JWPlayer plus also solutions with other players.
    https://themeid.com/complete-breakdown-of-responsive-videos/

    Plugin Author JW Player

    (@longtail-video)

    Cool, thanks for sharing.

    Hi,

    I’m struggling with this issue as well and I was able to utilize the code that Fencer04 posted however I’m finding that the HTML5 fallback doesn’t work at all unless the width of the player is specified in pixels. The video appears in a flash enabled browser but if I look at it on an iPad for instance there’s nothing there at all. If I set the plugin to default to HTML5 I see a control bar but no video window. If I use a configuration where the width is set in pixels HTML5 works. Has anyone else encountered this problem?

    Plugin Author JW Player

    (@longtail-video)

    We are working on updating our WP plugin for JW6 to support this out of the box.

    Thanks for the reply. So is that to say that the HTML5 issue is a known issue? I’ve searched extensively and haven’t seen it mentioned before in relation to responsiveness issues with JW Player.

    Plugin Author JW Player

    (@longtail-video)

    I am not sure about a WP integration, but I have implemented the standalone JW Player using this method – https://webdesignerwall.com/tutorials/css-elastic-videos (the iFrame implementation, which links to a 100% by 100% jw player page), and it seems to work in flash as well as html5. I have a demo of it, if you want to see it – https://www.longtailvideo.com/contact-us

Viewing 15 replies - 16 through 30 (of 34 total)
  • The topic ‘[Plugin: JW Player for WordPress – Flash & HTML5 Video Player] Make JW Player Responsive?’ is closed to new replies.