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

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?

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.

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

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

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/

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

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.

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

Okay, I sent him this thread.

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.

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

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.