HTML5 Video previews


Advanced search

Message boards : Website : HTML5 Video previews

Author Message
Profile Janus
Volunteer moderator
Project administrator
Avatar
Send message
Joined: 16 Jun 04
Posts: 4483
Credit: 2,094,806
RAC: 0
Message 12557 - Posted: 13 Apr 2014, 20:37:44 UTC
Last modified: 13 Apr 2014, 20:45:21 UTC

For the next few weeks we will be running an experiment with HMTL5 video previews in the gallery. About half of the time you will get a dark HTML5 video player instead of the usual grey Flash-based player.
The hope is to make the shift to use only HTML5 video tags instead of the old Flowplayer solution. HTML5 video has the benefit that it works on most mobile devices too.

Please leave feedback in this thread

funkydude
Send message
Joined: 23 Dec 13
Posts: 275
Credit: 2,478,281
RAC: 0
Message 12559 - Posted: 13 Apr 2014, 23:42:57 UTC - in response to Message 12557.

Good news! What codec?

LumenDan
Project donor
Send message
Joined: 27 May 05
Posts: 57
Credit: 1,141,823
RAC: 446
Message 12562 - Posted: 14 Apr 2014, 8:01:58 UTC - in response to Message 12557.
Last modified: 14 Apr 2014, 8:03:15 UTC

I love it when people support industry standards, I hope the experiment goes well.

I noticed a long delay before I was able to play the videos without any kind of indication why the play button wasn't actually working.

I suspect it was waiting for at least some of the video to be cached. After 10 seconds or so the video started playing.
I was able to start the video immediately the second time.
The video playback seemed fine once it had started.

I have seen the same behaviour 3 times with different sessions. I will post more info if I get a chance to experiment in future.

Using Chrome: 34.0.1847.116m on Windows7 64bit

Regards,
LumenDan

funkydude
Send message
Joined: 23 Dec 13
Posts: 275
Credit: 2,478,281
RAC: 0
Message 12563 - Posted: 14 Apr 2014, 16:54:17 UTC - in response to Message 12562.

Works perfectly fine in IE 11.

Doesn't work at all using the same Chrome version as LumenDan. Seems like it doesn't buffer the video at all.

Dessa
Send message
Joined: 21 Dec 13
Posts: 3
Credit: 52,078
RAC: 0
Message 12564 - Posted: 14 Apr 2014, 19:56:49 UTC

works fine in chrome 36.0.1933.0 dev-m and also in firefox 31.

LumenDan
Project donor
Send message
Joined: 27 May 05
Posts: 57
Credit: 1,141,823
RAC: 446
Message 12567 - Posted: 15 Apr 2014, 8:31:16 UTC - in response to Message 12564.

The buffering seems to be working better in chrome 34 today. There was a shorter dalay (4-5 seconds on sessions 2023 2024 and 2026).
During the delay the control bar was visible and changes to the control bar gave me some indication that the video was loading.

I am happy with the performance of the html5 <video>.

As for my preferences,
for similarity to flowplayer or other plugins:
1) It would be nice to have some kind of indicator showing that the video isn't ready to play for occasions where buffering takes an extended period of time. Since you don't have a lot of influence over the browser video player it could be an image or text external to the player that changes or is hidden when the player is ready (perhaps using "oncanplay" java event).

2) I would prefer to have the playback controls always visible when the video is in a window. If the controls are always visible the player height should be increased to accommodate the controls.

Keep up the good work.
Regards,
LumenDan
____________

Profile Janus
Volunteer moderator
Project administrator
Avatar
Send message
Joined: 16 Jun 04
Posts: 4483
Credit: 2,094,806
RAC: 0
Message 12570 - Posted: 15 Apr 2014, 18:55:09 UTC
Last modified: 15 Apr 2014, 19:03:30 UTC

What codec?

It is more or less H264 isom AVC1 in an ISMA-compatible MP4 container

I noticed a long delay before I was able to play the videos without any kind of indication why the play button wasn't actually working.

I've been looking into what could be causing such long delays with no loading bar and eliminated a few of the probable causes. There's still a few more things to look at.

Automatic buffering should start as soon as you enter the page but it is up to the browser to decide whether it needs to do this or if it considers the connection fast enough.


Controls

Noted. Layout is not part of this test but comments are always welcome.

Achim
Send message
Joined: 17 May 05
Posts: 182
Credit: 2,525,844
RAC: 991
Message 12602 - Posted: 23 Apr 2014, 20:09:17 UTC

It does not work for me for session 1875 using iceweasel (debian version of firefox) V28 on linux.
Using chromium (basically debian chrome version) V34 it works with the same session and computer.

I assume firefox on linux does not like H264 coded video's (if I remember well)

LumenDan
Project donor
Send message
Joined: 27 May 05
Posts: 57
Credit: 1,141,823
RAC: 446
Message 12640 - Posted: 28 Apr 2014, 10:20:31 UTC - in response to Message 12602.

There should be a handful of FFMpeg distributions available for linux that will help with H264 decoding in common browsers.

I have used the FFDshow filters in Windows to get broad codec support in MS Media Player.

I believe Firefox and Opera prefer to support WebM and OGG formats as standard where Internet Explorer prefers MP4. Chrome reports to have support for all three.

I have seen examples where the HTML5 <video> block contains several <source> elements in different formats to cater for various browsers and even an <object> with a fall-back flash video for older versions of Internet Explorer.
With any luck the major browsers will all eventually support at least one common format. Until then it is up to each web master to decide on how many formats to serve and weather to require a plugin for browsers not supporting the preferred codec(s) natively :(.

LumenDan
____________

funkydude
Send message
Joined: 23 Dec 13
Posts: 275
Credit: 2,478,281
RAC: 0
Message 12720 - Posted: 22 May 2014, 12:06:30 UTC - in response to Message 12640.

Either you changed something or the update to Chrome 35 fixed my buffering issues.

FunBlending
Send message
Joined: 17 Jun 14
Posts: 13
Credit: 4
RAC: 0
Message 13209 - Posted: 30 Aug 2014, 9:46:47 UTC

Works perfectly fine. Great job with the coding.
____________
Who says open source isn't awesome?

Blender 4 Life

Azrael
Send message
Joined: 29 Mar 12
Posts: 7
Credit: 371,637
RAC: 0
Message 13544 - Posted: 2 Feb 2015, 23:52:48 UTC

Works smoth and fine for me (current Firefox on win7 prof)

funkydude
Send message
Joined: 23 Dec 13
Posts: 275
Credit: 2,478,281
RAC: 0
Message 13738 - Posted: 11 Apr 2015, 11:43:28 UTC

Can we eliminate the flash player yet? Or at least, change it to be a fallback? With YouTube going HTML5, all browsers now handle it fine.

Profile Janus
Volunteer moderator
Project administrator
Avatar
Send message
Joined: 16 Jun 04
Posts: 4483
Credit: 2,094,806
RAC: 0
Message 13742 - Posted: 12 Apr 2015, 9:55:35 UTC
Last modified: 12 Apr 2015, 9:56:02 UTC

Yes, the HTML5 player will be the only player on the new site, with still images and a download link for native players as fallback.


Post to thread

Message boards : Website : HTML5 Video previews