Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать 2-3 видео в модальных окнах?

Как сделать 2-3 видео в модальных окнах?


     10.10.2016    Общие вопросы по вёрстке, Стили (CSS), Хаки    655

вопрос
Здравствуйте я новичок в Dle

у меня тут возникла проблема с кодом вот допустим я хочу сделать 2-3 видео на одной странице в модальном окне, но когда я делаю точно такой-же код ниже то всё вроде как получается но когда я нажимаю на кнопку "смотреть онлайн" первый раз открывается сначала первое видео потом нажимаю на ту-же кнопку 2-й раз и открывается 2-е видео нажимаю 3-й раз на ту-же кнопку и открывается 1-е видео

я просто нуб в этой сфере

вот как я делал:
просто тупо 2 раза подряд вставлял, буду очень вам благодарен за помощь



<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}


});
}
</script>


<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>

<br>

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}


});
}
</script>


<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>

Ответил: irrwisch


Читаем что такое "атрибут id", затем смотрим на код, а именно на два значения, а именно

$("#video-container").dialog({

тут прописан id, к которому будет обращаться скрипт
и

<div id="video-container" title="Смотреть кино" style="display:none; ">

это тот самый элемент, с тем id, к которому обращается скрипт, у вас их получается 2-3 одинаковых на страницу
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх