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

HTML5 vs Flash for skipping ahead

Here is what I am experiencing and I'm hoping there is a solution. If I have the player set to start with flash, the video looks great and fills the correct area (in responsive mode). But I cannot skip ahead past where the video has already downloaded.

If I set it to start with html5, I am able to skip ahead regardless of how much has downloaded, but then the video itself is actually offset to the left, partially out of the viewable area.

Here is a screenshot of the video in flash mode: http://www.stephengiordano.net/flash.jpg

Here is a screenshot of the video in html5 mode:http://www.stephengiordano.net/html5.jpg

Can anyone help me with this? I would prefer html5 mode since you can skip ahead of the download and also that is what iPads will use anyway so I need it to look correct.

Thanks.

12 Community Answers

Up Down

JeroenW

JW Player Support Agent  
0 rated :

This looks like a bug in the HTML5 mode setup, which we should fix. Can you share a simple test page of this, so we can check the config? Also, do you see it on all HTML5 browsers?

Up Down

JW Player

User  
0 rated :

Here is a sample test page: www . tournamentpokeredge . com/new-video-player-sample/

(sorry, you're spam filter wouldn't let me post the link properly)

I am seeing this problem in IE, Chrome, and Safari on a PC, and also on an iPad. It works ok in FireFox on a PC though. Trying to test on Android now also.

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

The seeking in Flash can be achieved if you use pseudo streaming – http://www.longtailvideo.com/support/jw-player/28855/pseudo-streaming-in-flash

Up Down

JW Player

User  
0 rated :

Hi Ethan,

Thanks for the workaround, though this will not solve the problem on an iPad which doesn't play flash.

Are you guys seeing the same issue with the HTML5 player offsetting the video? Is there a fix for this?

Thanks,

Steve

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

You don’t need pseudo streaming for html5 <video>, it is supported natively. See this example on your iPad – http://www.longtailvideo.com/jw-player/

Up Down

JW Player

User  
0 rated :

Hi again,

Right but the player in HTML5 mode is the one showing the offset issue shown in the attached screenshots in the first post of this thread.

JeroenW stated that it looks like a bug in the player in HTML5 mode so I was waiting on a fix for that...

Thanks,

Steve

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Well he mentioned it might be, before seeing it, I will have him look at the link you provided.

Up Down

JW Player

User  
0 rated :

Great thank you. I do have a Premium license if that makes any difference.

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Okay, I sent him this thread.

Up Down

JeroenW

JW Player Support Agent  
0 rated :

Can you remove the CSS property “max-width: 100%;” from your CSS style sheet? Then all works fine!

Going forward, we’ll fix this issue in the player by re-setting that style.

Up Down

JW Player

User  
0 rated :

Hi,

Sorry, could you be a little more specific about what to remove? Is that set on a JWPlayer class in a JWPlayer stylesheet somewhere? My site uses a few stylesheets and most of them have entries for max-width: 100% on various classes so I'm not exactly sure what I should be changing.

Thanks,

Steve

Up Down

JeroenW

JW Player Support Agent  
0 rated :

Outside of JW Player, one of your style sheets has a max-width setting on video elements. That one should get removed.

This question has received the maximum number of answers.