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

Chapters in HTML5 player


Hi.

I have a 120 minutes video I need to divide into chapters.
Normally I would just do this with a playlist, but this time a need to make it work in HTML5.

I tried wihh the time command - works in Flash - not in HTML5
I tried with pseudostreaming - works in Flash - not in HTML5

Is their any way to make this work? Either with javascript or some sort of time command that HTML5 supports.

Any example?

22 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

You can do this with a JSON playlist and it should work in both.

http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/playlist.html?type=progressive

JW Player

User  
0 rated :

Thanks Ethan.

I tried with json and the "start" command but on ipad/iphone it plays from the beginning no matter what I write. Do you know if it shold work on these devices?
If not, do you have any other solution to make it jump to a specific timecode in the video and play from there. On ipad, if I click on the players timeline I can jump to every place in the video, without waiting for the video to buffer, so it sems to use some sort of pseudostreaming even on the ipad.

In the forum a read about some who used javascripts to jump in the video.
Could this be a solution - any working examples.

Ethan Feldman

JW Player Support Agent  
0 rated :

This is because iOS does not support streaming. Well, HTML5 doesn’t support it…

JW Player

User  
0 rated :

Hmm. That's a problem.

Let's say that we are playing on a fast connection, and the HTML5 player quickly buffers the whole video. (from a normal HTTP server)

Will it then be possible to send some sort of command to the player, to change the current playingposition.

Ethan Feldman

JW Player Support Agent  
0 rated :

Using JS – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference

JW Player

User  
0 rated :

do you have demo that works in html5 and flash?

(you guys do not clarify your demos causing alot of confusion)

JW Player

User  
0 rated :

@bob

I have on my web site a video concert page which contains several video concert which are broken down to chapter.

You can either watch the whole concert or chapters.

www.mirana.net in the multimedia video section

JW Player

User  
0 rated :

great website you have there

http://www.mirana.net/concert

works in browser....functions confusing and some videos dont work on ipad...would need to be developed more to work on iOS / mobile

JW Player

User  
0 rated :

also hard to test fluidity of playback with video size expansion/contraction on every playback and stop

JW Player

User  
0 rated :

just a suggestion, if you want this to work on ipad


1) grab an ipad mockup and size video area to fit it or make the whole stage (video area and chapters list) fluid

2) check into trying out - http://cubiq.org/iscroll-4

3) dont have auto expand / make it user controlled

that said, the example you have is better than i have seen anywhere else, meaning you are loading separate programs and also loading chapters...kind of a 2 tiered playlist...really cool

Ethan Feldman

JW Player Support Agent  
0 rated :

@bob – our API is universal and should work with both Flash / HTML5.

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/17248/providing-video-chapter-markers

This should work the same in both.

JW Player

User  
0 rated :

It is all done via one JSON playlist and I use the JWPlayer API

JW Player

User  
0 rated :

@Ethan: the video in your example doesn't work. An error is thrown.

Ethan Feldman

JW Player Support Agent  
0 rated :

Works for me?

JW Player

User  
0 rated :

works here too

JW Player

User  
0 rated :

Sorry, I didn't provide enough information. It works with the flash player, but doesn't work in a flashless environment (i.e. Safari on the Mac and on iOS).

JW Player

User  
0 rated :

I now took the steps to follow the provided demo and it works in a flashless environment: http://pheraph.net/podlove/jw-player o/

The demo from above still doesn't work.

Ethan Feldman

JW Player Support Agent  
0 rated :

Glad you got it working. Which demo?

JW Player

User  
0 rated :

That one: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/17248/providing-video-chapter-markers

This is how it looks like with no flash installed in MacOS Safari: http://cl.ly/FYyi

Ethan Feldman

JW Player Support Agent  
0 rated :

Thanks, I will pass that information along.

JW Player

User  
0 rated :

Would it be possible to provide an example with chapters that works both on webbrowsers PC/Mac and on iOS devices.

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/17248/providing-video-chapter-markers/

The link above only works on PC/Mac and NOT on iOS (iPhone/iPad).

Ethan Feldman

JW Player Support Agent  
0 rated :

That works on my iPad…

This question has received the maximum number of answers.