Как остановить(закрыть) видео при закрытии модального окна?

Question

unior277 @unior277

Как остановить(закрыть) видео при закрытии модального окна?

открываю видео youtube в модальном окне fancybox,проигрываю видео,но после закрытия модального окна видео все еще проигрывается(слышен звук видео),как можно решить данную проблему?
(блок "видео о нас")
облегченная версия сайта(тестовая)
part2.htmllanding.esy.es

htmllanding.esy.es

Вопрос задан более трёх лет назад
4495 просмотров

10 комментариев

Подписаться 1 Оценить 10 комментариев

Евгений Петров @Petroveg

1. Не нужно на целый сайт отправлять. Достаточно сделать тестовую страницу.
2. У меня нет времени и желания выискивать, как именно открывается и закрывается видео.

Написано более трёх лет назад
unior277 @unior277 Автор вопроса

Евгений Петров: сделал тестовую страницу)
part2.htmllanding.esy.es

Написано более трёх лет назад
ILE -Salim @ILE-Salim

unior277: Видео не закрывается потому что iframe у тебя остался, надо его удалить, можно например при нажатии на закрыть сделать $('.someClass').remove(); а при нажатии снова загрузить)

Написано более трёх лет назад
ILE -Salim @ILE-Salim

unior277: Или просто можешь оставить iframe-ы а просто его свойство src приравнять к пусто) т.е например $('iframe').eq(0).src=''; а при открытии видео сделать так $('iframe').eq(0).src = 'Адрес видео';

Написано более трёх лет назад
unior277 @unior277 Автор вопроса

ILE -Salim: а как это написать на js?

Написано более трёх лет назад
unior277 @unior277 Автор вопроса

unior277: у меня просто удаляется iframe,и второй уже не открывается

Написано более трёх лет назад
ILE -Salim @ILE-Salim

unior277: window.frames[0].src

Написано более трёх лет назад
ILE -Salim @ILE-Salim

unior277: У тебя есть два способа удалить iframe и сново создать или же приравнять src к '' а потом приравнять src к какому хочешь адресу например первый iframe: window.frames[0].src='https://www.youtube.com/embed/RG9S7JDqrM8';

Написано более трёх лет назад
unior277 @unior277 Автор вопроса

ILE -Salim: можете написать подробно как это будет,ато я запутался уже)

Написано более трёх лет назад
unior277 @unior277 Автор вопроса

да,с помощью fancybox

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 2 часа назад
- 24 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 5 часов назад
- 39 просмотров
2

ответа
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 5 часов назад
- 42 просмотра
0

ответов
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 6 часов назад
- 42 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 6 часов назад
- 150 просмотров
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 6 часов назад
- 48 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 7 часов назад
- 60 просмотров
1

ответ
CSS

Простой
Как убрать отступ?
- 1 подписчик
- 9 часов назад
- 90 просмотров
2

ответа
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 11 часов назад
- 39 просмотров
1

ответ
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 13 часов назад
- 21 просмотр
0

ответов
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Верстка и логика формы выбора билетов в зале для покупки

20 апр. 2024, в 00:43

10000 руб./за проект

Разработать формирование УПД на Java

20 апр. 2024, в 00:28

20000 руб./за проект

1. Не нужно на целый сайт отправлять. Достаточно сделать тестовую страницу.
2. У меня нет времени и желания выискивать, как именно открывается и закрывается видео.
Евгений Петров: сделал тестовую страницу)
part2.htmllanding.esy.es
unior277: Видео не закрывается потому что iframe у тебя остался, надо его удалить, можно например при нажатии на закрыть сделать $('.someClass').remove(); а при нажатии снова загрузить)
unior277: Или просто можешь оставить iframe-ы а просто его свойство src приравнять к пусто) т.е например $('iframe').eq(0).src=''; а при открытии видео сделать так $('iframe').eq(0).src = 'Адрес видео';
unior277: у меня просто удаляется iframe,и второй уже не открывается
unior277: У тебя есть два способа удалить iframe и сново создать или же приравнять src к '' а потом приравнять src к какому хочешь адресу например первый iframe: window.frames[0].src='https://www.youtube.com/embed/RG9S7JDqrM8';
ILE -Salim: можете написать подробно как это будет,ато я запутался уже)

Answer 1 · 2015-04-17 09:05:55

fancyapps.com/fancybox/#examples

посмотри в примерах на этой странице, как делается iframe с youtube,
там написано, с какими параметрами вызывается fancybox

и я так понимаю, у тебя на сайте старая версия fancybox стоит (1.2.1)
скачай по моей ссылки новую версия, она за тебя решит твои проблемы с остановкой видео

Answer 2 · 2015-04-17 14:24:39

помнится, костылила таким образом: при всплытии модального окна заменяешь src фрейма на автоплей, при закрытии модального окна заменяешь src на какую-нибудь фигню, соответственно при закрытом окне видос отрубается или убивается)

Как остановить(закрыть) видео при закрытии модального окна?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт