Not sure, but you may try the style= z-index:7;, CSS style property, and set it incrementally with a position:absolute placement of the canvas over the player, or absolute within the container of them both.

I put the index at 7, just so you know you float it over the lower indices, then maybe set the player to a lower z-index. I think the default is 1, if not assigned

It's no biggy. Just like techmeaux said you should put in a z-index value. It can act funny at times, so you should put in z-index on the container for the video too.

For example;
div.container { position:relative; }
div.container .video { position:relative; z-index:2; }
div.container .canvas { position:absolute; top:0; left:0; z-index:3; }