Mozilla的HTML5視頻和畫布問題

我有全屏的畫布，我畫它的視頻。我用z-index將視頻隱藏在畫布後面。當我將瀏覽器的尺寸調整爲比視頻滾動條的原始尺寸更小的尺寸時，我可以滾動並看到其他視頻，我不喜歡這樣，因此我通過將視頻調整爲小尺寸來解決問題。這解決了鉻，歌劇和IE 的問題，但在Mozilla中，這個小尺寸的視頻出現在我的畫布上，因此我的白色屏幕上有小視頻。我不明白爲什麼，因爲視頻z-index仍低於畫布的z-index。任何想法如何解決這個問題？Mozilla的HTML5視頻和畫布問題

這裏是我的代碼：http://pastebin.com/Ag3LvHUV

來源

2011-08-22 luka

這將有助於你向我們展示了帆布的HTML代碼和視頻以及所涉及的樣式。 –

我將代碼添加到了我原來的帖子中。 – luka

這看起來應該起作用......是否有實際的頁面顯示問題？當我在Firefox中嘗試粘貼的源代碼時，我沒有看到任何問題.... –

你試過把畫布視頻元素後的DOM隨後重新排布方式？

<body > 
    <form id="form1" runat="server"> 
    <div> 
     <video id="v" loop> 
      <source src='content/bbb-mp4.mp4' type='video/mp4;'> 
      <source src='content/bbb-ogv.ogg' type='video/ogg;'> 
     </video> 
     <canvas id="c"></canvas> 
     <div id="mainCon"> 
      <div id="main" onmouseover="this.style.opacity= 0.8;" onmouseout="this.style.opacity= 0.1;"> 
       <h1>Test</h1> 
       Video background 
      </div> 
     </div> 
    </div> 
    </form> 
</body>

來源

2011-08-23 13:29:34 timothyclifford

是的，是一回事。這裏是屏幕拍攝http://i.imgur.com/Tss8Y.png和http://i.imgur.com/RUI02.jpg – luka

我的最新版本的代碼http://pastebin.com/HejgHY7i仍然是同樣的問題。 – luka

Mozilla的HTML5視頻和畫布問題

回答

相關問題