С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
soledar10
0 / 0 / 0
Регистрация: 20.04.2013
Сообщений: 12
1

Видео с iframe в модальном окне после закрытия не останавливаеться

24.08.2013, 08:42. Просмотров 975. Ответов 0
Метки нет (Все метки)

Видео с iframe в модальном окне после закрытия не останавливаеться. Если ставишь старый код через object - закрываеться, но при этом ослик не воспроизводит.
Код модального окна:
HTML5
1
2
3
4
5
6
<a href="#?w=790" rel="popup2" class="poplight"><img src="img/reviews/review2.png" alt=""/></a>
<div id="popup2" сlass="popup_block">                               
<center>
<iframe width="790" height="440" src="http://www.youtube.com/embed/5zzSKGveU8U" allowfullscreen></iframe>
</center>
</div>
CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
#fade {
    display: none;
    background: rgba(0, 0, 0, 0.9);
    position: fixed; left: 0; top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none; 
    background: #fff;
    padding: 50px 65px 50px 50px;
    float: left;
    position: fixed; top: 50%; left: 50%;
    color: #000;
    z-index: 99999;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
    -moz-box-shadow: 0 0 20px 2px;
    -webkit-box-shadow: 0 0 20px 2px;
}
.close {
    position: absolute; top: 13px; left: 860px;
    width: 36px;
    height: 36px;
    font: 22px/1.7 "Trebuchet MS";
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;    
    cursor: pointer;    
    background: #2E79BA;
    z-index: 100;
    border: none;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    }
.close  span{
    position: relative; top: 0; left: 12px;
}
.close:hover { 
    background: #f00; 
}
JS:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function(){
//При нажатии на ссылку с классом poplight и href с a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Получить имя popup
var popURL = $(this).attr('href'); //Определить размер popup из href
//Запрос и Переменные из HREF URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Возвращает первое значение строки запроса
// Добавить кнопку "Закрыть" в наше окно, прописываете прямой путь к картинке
 $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" title="Закрыть"><span>X</span></a>');
 
//Определяет запас на выравнивание по центру (по вертикали по горизонтали)мы добавим 80px к высоте / ширине, значение полей вокруг содержимого (padding) и ширину границы устанавливаем в CSS
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Применяем отступы в всплывающем окне
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Фон слоя затемнения
$('body').append('<div id="fade"></div>'); //Добавляем слой затемнения.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Постепенное исчезание слоя - .css({'filter' : 'alpha(opacity=80)'}) используется для фиксации в IE, фильтр для устранения бага тупого IE
return false;
});
//Закрыть всплывающее окно и слой затемнения
$('a.close, #fade').live('click', function() { //При нажатии рядом, окно и слой затемнения закрываются
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove();
});
return false;
});
});
Подскажите как решить эту проблему?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.08.2013, 08:42
Ответы с готовыми решениями:

Как реализовать показ видео в модальном окне?
На странице есть ссылки на видео. Пользователь нажимает на ссылку - открывается...

Чистка памяти после закрытия iFrame
Как корректно закрыть/удалить iframe со страницы что бы память освободилась? ...

Появление текста в модальном окне через N-секунд после его открытия
Всем привет! Что нужно: нажимаю на кнопку, появляется модальное окно, через...

Проблема с (авторизация в модальном окне)(помогите)
Здраствуйте! Вообщем использую fancybox для создания модальных окон....

Внешняя страница в модальном окне Bootstrap
Задача: в модальном окне выводить другую полноценную страницу. jQuery-плагины,...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
24.08.2013, 08:42

Контактная форма в модальном окне Bootstrap3
Сделала форму отправки сообщения по этой статье Там использовалась вторая,...

Расположить текст в две строки в модальном окне
не получается перевести 2 составных строки: alert (&quot;Вы получите &quot; + sum1 +...

Не получается навесить плагин на элемент в модальном окне
Кто - нибудь сталкивался с такой проблемой?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru