MP4 displayed on a web site

Applications Web Development
1

Hi.

I have a unique problem. I'm trying to display an MP4 on the background of my website. And I would like to have a telnet client that displays over it. I can load the MP4, and it plays, as expected. The problem is that the MP4 displays "over" the telnet client which displays at the bottom of the page. I've tried a lot of different CSS styling and Javascript, but I still I get the same problem. The dimensions of the telnet client are 580 for width and 400 for height.

Here's some HTML:

<video autoplay muted loop id="myvideo"> <source src="/assets/movies/bluerain.mp4" type="video/mp4"></video>

<style>
#myvideo{
     position: fixed;
     right: 0;
     bottom: 0;
     min-height: 100%;
     min-width: 100%;
}
</style>

Anyone have any idea what i'm doing wrong?

Thank you.

2

Take a look at z-index:

3

Thank you, sir!

I was able to get it working with z-index: -10;