title: HTML / CSS Video end event issue
body: <p>I am currently designing a website. I have everything done but I cannot figure out this last step. </p>
  
  <p>Here's the deal:</p>
  
  <p>I want to play a video but I want it's z-index to be over the entire website index page. Since the video is not full screen I want the rest of the website to be black. So in a way you could say I want to have an #id that is fully black but has a video playing in the middle and this #id should be over the entire index.html page. </p>
  
  <p>After the video is done playing, (maybe 5 seconds), I want it to disappear so that we are back to the index page. I do not want to change the links of my website and have it redirect me to a new page...</p>
  
  <p>Can this be done? If you do not understand something please ask and I will clarify.</p>
  
  <p>Thanks a lot!!</p>