So I managed to manipulate the video element to an extent using CSS.
My experience with CSS is quite limited however I can for example, hide the video with a simple: "visibility: hidden;".
However, if I try to change the z ordering of the video element by applying: "z-index: -1;", The video seems to remain on top.
I have placed other objects in the layout on multiple separate layers (some above the video object). When using "z-index: -1;", I see none of these other objects on top of the video.
Would anyone have any thoughts or suggestions as to what I am doing wrong?