Following on from my previous post, so what if I now want to make a nice client side, but web-based application for playing videos. We can avoid using HTML for this purpose because we don’t need any search engine indexing, this means we get to use HTML5 canvas’s and a UI framework to speed up development.
So then we can’t use the video tag in full as far as I know within a canvas, we could have a UI canvas element and a separate video element but that’s just messy. Although the video panel included with Zebkit doesn’t support drawing overlays, luckily they’ve made a very extensible API. So what we can is extend the existing video panel, overwrite the draw method and throw in some simple controls, such as seeking, pausing etc. The result of which is below…
The source for this Zebkit plugin can be found on Github, here.