2 replies to this topic

[sutisameechan]

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?

[beardedavenger]

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

[Rob]

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