Hacker News new | ask | show | jobs
Rebuild YouTube's mobile-like progress bar in jQuery (blog.ynh.io)
52 points by ynh 4769 days ago
8 comments
thejosh 4769 days ago
I really dislike the new loading bar in the YouTube site as videos continue to play while the next page is loaded.

I'm on a fast connection so normally youtube loads instantly anyway, but this new method takes 4-10 seconds.

link
dm2 4769 days ago
even worse is that there is no cached video while seeking. Even seeking to a "loaded" part of the youtube video results in the reloading the video from that point. Rewinding 10 seconds results in having to reload the video, wtf?
link
X4 4769 days ago
Yep, I've also seen that. But your markup is wrong. You should use <progress> instead

I am using a kde widget called adjustable-clock which uses html5/css3/javascript and qml to render my system clock.

Here's the source for the current clock I use, it uses a progressbar for the seconds: http://htmlpaste.com/7e957bb5523fa58f98b6657073c4a544942a13c...

QML:

  Clock.setRule('#hour', Clock.Hour);
  Clock.setRule('#minute', Clock.Minute);
  Clock.setRule('#second', 'value', Clock.Second, {'short': true});
link
mistercow 4769 days ago
Support for the progress element is still missing from a lot of browsers, so I don't know if it's right to say that the markup is "wrong" for not using it
link
ynh 4769 days ago
Use progress as html tag?
link
mediumdeviation 4769 days ago
It's a HTML5 form element: http://developers.whatwg.org/the-button-element.html#the-pro.... It might be somewhat difficult to style, though.
link
pstadler 4769 days ago
I did the same on https://www.mila.com

It's fairly simple but it took some time to figure out the right sequence and timing for it to run smoothly across all devices / browsers.

link
druska 4769 days ago
I like it. Just remember if you use this in production, save $("#progress") in a variable in the ajaxStart function to improve performance (this will call Sizzle one less time usually).
link
zemaj 4769 days ago
That's very nifty, thanks! Subtle, yet gets the point across.

Plenty of interesting ways that kind of bar could be included in a site.

link
paulfarino 4769 days ago
I've been looking for this for a few weeks. Noticed on the Google Search iOS app. Thanks!
link
ezraroi 4769 days ago
Nicely done and handful. Thanks
link
BaconJuice 4769 days ago
very cool, thanks for sharing
link