Rebuild YouTube's mobile-like progress bar in jQuery(blog.ynh.io) |
Rebuild YouTube's mobile-like progress bar in jQuery(blog.ynh.io) |
I'm on a fast connection so normally youtube loads instantly anyway, but this new method takes 4-10 seconds.
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});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.
Plenty of interesting ways that kind of bar could be included in a site.