two or more canvas elements synched with one video element

what i want to do is define a hidden HTML5 video element and generate 2 canvas objects 开发者_JS百科showing left and right halves of that video. does someone have an simple example, or any suggestions for this?

This should work for you http://jsfiddle.net/msm595/mK5uQ/12/

This demo takes a HTML5 video element and breaks it up into several pieces. So you should be able to adapt it for what you want.