Способы установки видео в качестве фона «изображение» - PullRequest
Новая
       3

Способы установки видео в качестве фона «изображение»

8 голосов
/ 10 февраля 2011

Мне нужно настроить веб-сайт с видео в качестве фона.

Смогу ли я использовать z-index, чтобы расположить другие элементы поверх видео?Есть ли лучшая альтернатива?

Ответы [ 3 ]

3 голосов
/ 10 февраля 2011

Я не проверял его, но вы можете попробовать установить ширину / высоту <video> в 100%, а затем с помощью z-index позволить всем остальным элементам остаться поверх него ...

Edit: например, чтобы установить видео в качестве фона всей страницы 

<body style="height: 100%;width: 100%">
<div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;">
 <video src="" width="100%" height="100%" autoplay>
 Your browser does not support the video tag.
 </video>
</div>
... rest of your site
1 голос
/ 10 февраля 2011

Вы не можете применить его в качестве фона CSS (свойство background).Вы можете дать эффект, используя слои, которые управляются через свойство z-index.

0 голосов
/ 10 февраля 2011

Если вы используете flash в качестве метода воспроизведения видео, no - flash ВСЕГДА стоит на верху независимо от z-index, но я думаю, что это можно сделать с помощью нового тега HTML5 <video>.

В противном случае конвертировать в анимированное изображение с высокой частотой кадров и установить как BG ...

...