title: Display div over video (iframe or object)
body: <p>I have a website where the header and footer are in <code>fixed</code> position, while the middle content can be scrollable. In fact, when we scroll the content should go under the header or footer, because the website takes 100% height and I chose to apply <code>overflow: auto;</code> to the body. It's not possible to have a specific height for the middle content, 'cause header and footer are fixed sizes. </p>
  
  <p>I applyed <code>z-index</code> to all elements, and it works great but I need to embed videos from Youtube, Vimeo or other... Ordinary, these videos are displayed using <code>iframe</code> or <code>object</code> ; my client puts directly the embed code in the backoffice. Here is my problem : when I scoll, the videos are displayed over header and footer even if I set a specific <code>z-index</code> ; other elements in middle content are well hidden...</p>
  
  <p>Do you have an idea to solve this problem ?</p>
  
  <p>Thanks !</p>