Конфликт видео BG и fancybox

Статус
Закрыто для дальнейших ответов.

amnezia

Новичок
Регистрация
08.07.2014
Сообщения
4
Всем привет!

Помогите разобраться, плз!

Установил на сайт видео бэкграунд и у меня тут же перестал работать fancybox. При клике экран затемняется, но окно не всплывает. Вот сайт - http://srv35773.ht-test.ru/

fancybox стоит в самом нижнем блоке на кнопке и на иконках видео (деревянный фон).

С почтовой формой bg не конфликтует

Вот так у меня все подключено:

<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">

<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

<script type="text/javascript" src="js/jquery191.js"></script>
<script type="text/javascript" src="js/forms.js" ></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="fancy/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancy/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="fancy/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
media : {}
}
});
});
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 926,
maxHeight : 266,
fitToView : false,
width : '926px',
height : '266px',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

<script type="text/javascript" src="js/backgroundvideo2.js"></script>
<script type="text/javascript" src="js/backgroundvideo1.js"></script>
<script>
$(document).ready(function() {
var videobackground1 = new $.backgroundVideo1($('.space'), {
"align": "centerXY",
"width": 100,
"height": 100,
"path": "kino/",
"filename": "demo",
"types": ["mp4","ogg","webm"]
});
});
$(document).ready(function() {
var videobackground2 = new $.backgroundVideo2($('.plane'), {
"align": "centerXY",
"width": 100,
"height": 100,
"path": "plane/",
"filename": "plane",
"types": ["mp4","ogg","webm"]
});
});
</script>

</head>
[/code]
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
FF30 - всё работает

ЗЫ Бедные нетбуки и планшеты, они же умрут с такого сайта.
 

amnezia

Новичок
Регистрация
08.07.2014
Сообщения
4
Точно, в фаерфоксе работает. А гугл и опера тупят(( В чем может быть дело, есть идеи?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Не ставь для видео отрицательный z-index
Делай верстку отталкиваясь от нуля, где ноль это видео твоё.
Точнее даже правильно за ноль брать body. Всё что видно - больше нуля, а скрытое - ниже нуля.

Спецификацию не гуглил, поэтому не знаю - фича или баг это хрома и оперы, и соответственно фокса
 

amnezia

Новичок
Регистрация
08.07.2014
Сообщения
4
BaNru сказал(а):
Не ставь для видео отрицательный z-index
Делай верстку отталкиваясь от нуля, где ноль это видео твоё.
Точнее даже правильно за ноль брать body. Всё что видно - больше нуля, а скрытое - ниже нуля.

Спецификацию не гуглил, поэтому не знаю - фича или баг это хрома и оперы, и соответственно фокса
Спасибо! Помогло! Ковырял этот индекс, а убрать его не додумался. Правда, чую, что со скриптами видео-bg перемудрил, т.к. заработало после танцев с бубнами, но так и не понял каким образом ))
 
Статус
Закрыто для дальнейших ответов.
Верх Низ