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

Codec support (h264 profile) in HTML5 mode

Hello,

I'd like to give better quality videos to my user and in order to do that I need to be able to offer multiple format based on different H264 encoding profile (main, baseline, high etc.).

- Flash handle all profile without any problems so there is no question here.
- HLS seems to handle that also correctly based on the codec information
- HTML5 streaming is a mystery for me right now when used with JWPlayer

Pure HTML5 video tag handle it through a "codecs" property that you supply for each source. Then we just need to supply all available formats and it will play the first it cans. The question is how is this supported on JWPlayer when run in HTML5 mode since I don't see how I can offer multiple format and specify the codec for each of them ?

Thanks for your help,

Guillaume.

5 Community Answers

Up Down

Cooper Reid

JW Player Support Agent  
0 rated :

Hi Guillaume,

Please make sure you are using these settings in your encoding: http://support.jwplayer.com/customer/portal/articles/1403635-media-format-reference#video/. Some browsers are more stringent than others about encoding requirements. I typically use Handbrake (free on Mac) to encode video files.

Here are a few screenshots of my encoding settings:
http://cl.ly/image/0g1D3o3b1Z2v
http://cl.ly/image/3Z0d3y0u3F1I

ffmpeg is also a great solution to properly encoding h264 mp4’s -

Our player uses the HTML5 video tag to playback content in HTML5 mode, so any issues you see are due to your videos incompatibility with the video tag in your browser.

-Cooper

Up Down

guillaume.montard

User  
0 rated :

Hello Cooper,

I don't have any problem encoding, actually we built our own encoding platform around ffmpeg.

My question is directly related to how JWPlayer support HTML5 video. In pure HTML5 video tag implementation you can have many source file and the browser will select the first one it can read.

How can we accomplish the same behavior with JWPlayer?

Thanks.

Up Down

Cooper Reid

JW Player Support Agent  
0 rated :

Ahh, sorry for the misunderstanding. This can be done using the `sources` parameter:

jwplayer(“player”).setup({
image: ‘bunny.jpg’,
sources: [
{file: ‘bunny.mp4’, label: ’320p’},
{file: ‘bunny.mp4’, label: ‘540p’, ‘default’: true},
{file: ‘bunny.mp4’, label: ’720p’}
],
width:‘100%’
});

http://support.jwplayer.com/customer/portal/articles/1413113-configuration-options-reference

-Cooper

Up Down

guillaume.montard

User  
0 rated :

Oh great, thanks a lot!

Up Down

Cooper Reid

JW Player Support Agent  
0 rated :

Sure thing!

This question has received the maximum number of answers.