Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

CSS fix for elastic video & JWPlayer 5 not working in iPad & iPod Touch (IOS 7.1)

I have been working on embedding JWPlayer 5 into a flexible grid. I have read through the forums and have used the CSS/100% width fix on my test page at I tested it on several different browsers and on different platforms, and the video works nicely except when tested on an iPad and an iPod Touch with IOS 7.1. Nothing appears when viewed on those devices.

Here are the styles:

bc.. .video-wrap { width: 50%; border:1px solid #f00; }
#video_wrapper {
font-size: 0.9em;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 20px;
position: relative;
#video_wrapper embed, #video_wrapper object, #video_wrapper iframe {
max-height: 100%;
max-width: 100%;
height: 100%;
left: 0pt;
position: absolute;
top: 0pt;
width: 100%;

And here is my code:
bc.. <div class="video-wrap">
<div id="video"></div>

<script type="text/javascript">
height: "100%",
width: "100%",
stretching: "fill",
controlbar: "bottom",
image: "/mediaflash/graphics/csu-video.png",
skin: "/mediaflash/player5/",
plugins: {"gapro-2" : {idstring : "||streamer||/||file||"}},
modes: [
{ type: "flash",
src: "/mediaflash/player5/player.swf",
config: {
file: "cmp-mrstress.f4v",
streamer: "rtmp://",
provider: "rtmp"
{ type: "html5",
config: {
file: "",
provider: "video"


Any help would be appreciated. Thanks.

3 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

This is a pretty old method that was made before JW6, which now supports responsive design out of the box.

JW Player

0 rated :

Yes, I realize that. I already have a paid subscription for JWPlayer 6, and I know my life would be infinitely easier with Player 6, but I cannot use it since it doesn't support RTMP streaming with Android devices. A sizable number of people who visit our website use Android devices. A fallback to progressive download to accommodate Androids is not an option in my case. The powers that be insist on streaming. So that's why I'm still using JWPlayer 5.

Is there a reason why, as far as you can see, that the code I have supplied above doesn't work on IOS devices? Your expertise would be much appreciated. Thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

This is assuming that the Android users are going to have Flash installed on their devices though, which isn’t even available in the Play Store any more…

This question has received the maximum number of answers.