3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

HTML 5 video + canvas question

by amaracray
2 replies
Is it possible to have a canvas with a javascript or flash animation sitting on top of an html5 video player?

and if so how is this done?

THanks
#canvas #html #question #video
  • Profile picture of the author techmeaux
    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
    {{ DiscussionBoard.errors[2973870].message }}
  • Profile picture of the author CarlErik
    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; }
    {{ DiscussionBoard.errors[2989485].message }}

Trending Topics