Adobe Animate HTML5/Canvas Component Re-sizing

Hey everyone,

So I have a very odd issue. Basically we're converting courseware for a client and it was very video heavy. tons of .FLV's that were embedded in flash and it's all interactive, very rich media that even tracks if the user is getting steps right or wrong.

Anyways, this includes a lot of video's overlapping, often in Graphics/MC's that pause and play. When I try to do this in canvas it simply won't work as it appears that all the video has to be on a single layer due to how the DOM thing works in Canvas (which I admittably barely understand but I can roll with putting my video all on one layer).

However between Video's, which are generally a stepped prodecure (Step1, Step,2 etc) the video's flicker white when they unload/load the next. So this isn't an uncommon issue, above that is a layer with .PNG's as " holding frames " to hide the flicker. Though when they swap, they change size? The video is coming at 1110x738, the Video Element is 1110x738, the .PNG is also 1110x738 and yet they always come in at different sizes. 

If I take the .mp4's and .PNG's and slap them into After Effects they all line up perfectly, no weird sizing.. but in Adobe Animate it's like the Video Component is re-sizing my video. 

Any help would be appreciated, if you need anymore background information that would be great! We're stuck on windows 7 for the next month or so.. so I'm hoping I don't know an animate update.