Проблемы с видео и холстом в Mozilla HTML5 - PullRequest
Новая
       35

Проблемы с видео и холстом в Mozilla HTML5

1 голос
/ 22 августа 2011

У меня полноэкранный холст, и я рисую на нем видео.Я прячу видео за холст с z-index.Когда я изменяю размер своего браузера до размера, меньшего, чем исходный размер полос прокрутки видео, я могу прокручивать и видеть остальную часть видео, мне это не нравится, поэтому я решил проблему, уменьшив размер видео до небольшого размера.Это решило проблему в Chrome, Opera и IE, но в Mozilla это видео небольшого размера появляется поверх моего холста, поэтому у меня белый экран с небольшим видео на нем.Я не понимаю почему, потому что z-индекс видео по-прежнему ниже, чем z-индекс холста.Есть идеи, как это решить?

Вот мой код: http://pastebin.com/Ag3LvHUV

1 Ответ

0 голосов
/ 23 августа 2011

Вы пытались поместить холст после элемента видео в 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>
...