Jump to content


Photo
- - - - -

JW Player videos don't resize down for mobile devices


  • Please log in to reply
2 replies to this topic

#1 sutisameechan

sutisameechan

    Newbie

  • Members
  • 1 posts

Posted 14 April 2012 - 05:38 AM

JW Player plugin is my preferred plugin for self-hosted video. The problem I'm having is that the videos won't resize with the browser window. As a result, mobile users see a horizontal scroll bar, and can't view the video without zooming out. Does anyone have a better solution for embedding video that will automatically resize based on the user's device or size of the viewport?

#2 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 14 April 2012 - 01:55 PM

Hey There,
OK so what we need to do is wrap those embedded videos in a DIV. This will work for embed, and object. Now, there's a super easy way and that's with

Please Login or Register to see this Hidden Content

. Of course I'm biased cause I wrote the plugin myself, but it includes shortcodes for responsive videos.

Now, it wouldn't be quite fair to try to sell you a solution so if you don't mind getting your hands dirty, let's rock this:

1. Wrap your embedded video in a div like
embed code
2. In your Custom CSS section, located under Custom Code in PageLines Wordpress admin, paste this:

Please Login or Register to see this Hidden Content


Here's a working example:

Please Login or Register to see this Hidden Content



Let us know if this works out for you.
Nick

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 April 2012 - 10:24 PM

Yes, please let us know if Nick's solution works for you.