Перейти к публикации

Видео в модельном окне


Рекомендованные сообщения

Нужна помощь 

при просмотре выводит видео по порядку а не то что нужно 

вот код   shortstory      КАК ИСПРАВИТЬ

 

<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);
$("#dlepopup").empty(); // <-- ID блока
$("#dlepopup").remove(); // <-- ID блока
}


});
}
</script>
<div class="last-updates-item shortstory">
	<div class="last-updates-image">
		[full-link]<img src="{image-1}" alt="{title}" />[/full-link]
	</div>
	<div class="last-updates-item-title">
		[full-link]{title}[/full-link]
	</div>

<a href="#" onclick="ModalWindow();return false;">Смотреть онлайн</a>
<div id="video-container" title="{title}" style="display:none; "><iframe id="div_video" src="[xfvalue_movie]" width="1150" height="800" frameborder="0"></iframe></div>
	<div class="last-updates-item-content">
		{short-story limit="150"}
	</div>
	<div class="last-updates-more">
		 <a href="{full-link}">подробнее</a>
	</div>
</div>

 

Ссылка на сообщение
Поделиться на других сайтах
23 минуты назад, kivlad сказал:

КАК ИСПРАВИТЬ

одним малюсеньким кодом, но в начале:

Цитата

Внимание !!!

 

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вы вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

 

Ссылка на сообщение
Поделиться на других сайтах

это у меня в разработке на сайт пока не ставил надо довести до ума о потом вставлять

вот сайт если надо  http://www.gubinicha.dp.ua/

Ссылка на сообщение
Поделиться на других сайтах

проблема твоя в том, что у каждого модального окна на странице должен быть уникальный ID, и один и тот же id не может на странице повторяться более одного раза. А у тебя как это и происходит. В каждой новости, которая выводиться через shortstory.tpl нет уникального id

Т.е. тебе нужно для id video-container добавить уникальность, и лучше всего сделать это через id новости, использовав тег {news-id}, он ни когда не повторяется и в каждой новости он будет 100% уникален. Это делается и у div`а и в скрипте:

 

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container{news-id}").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);
$("#dlepopup").empty(); // <-- ID блока
$("#dlepopup").remove(); // <-- ID блока
}


});
}
</script>
<div class="last-updates-item shortstory">
	<div class="last-updates-image">
		[full-link]<img src="{image-1}" alt="{title}" />[/full-link]
	</div>
	<div class="last-updates-item-title">
		[full-link]{title}[/full-link]
	</div>

<a href="#" onclick="ModalWindow();return false;">Смотреть онлайн</a>
<div id="video-container{news-id}" title="{title}" style="display:none; "><iframe id="div_video" src="[xfvalue_movie]" width="1150" height="800" frameborder="0"></iframe></div>
	<div class="last-updates-item-content">
		{short-story limit="150"}
	</div>
	<div class="last-updates-more">
		 <a href="{full-link}">подробнее</a>
	</div>
</div>

 

Ссылка на сообщение
Поделиться на других сайтах

я знал что надо вставить тег {news-id}  но не знал как

odys  твой  вариант  показывает только последнее видео.

 

Изменено пользователем kivlad
Ссылка на сообщение
Поделиться на других сайтах
1 час назад, kivlad сказал:

odys  твой  вариант  показывает только последнее видео.

не может быть, дай ссылку на страницу

Ссылка на сообщение
Поделиться на других сайтах
9 минут назад, kivlad сказал:

Кто то знает в чём дело?

измени скрипт

<script type="text/javascript">
function ModalWindow{news-id}() {
var videolink = '';
$("#video-container{news-id}").dialog({
autoOpen: true,
open: function(event, ui) { 
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto'
});
}
</script>
<div class="last-updates-item shortstory">
	<div class="last-updates-image">
		[full-link]<img src="{image-1}" alt="{title}" />[/full-link]
	</div>
	<div class="last-updates-item-title">
		[full-link]{title}[/full-link]
	</div>

<a href="#" onclick="ModalWindow{news-id}();return false;">Смотреть онлайн</a>
<div id="video-container{news-id}" title="{title}" style="display:none; "><iframe id="div_video" src="[xfvalue_movie]" width="1150" height="800" frameborder="0"></iframe></div>
	<div class="last-updates-item-content">
		{short-story limit="150"}
	</div>
	<div class="last-updates-more">
		 <a href="{full-link}">подробнее</a>
	</div>
</div>

перед публикацией, код проверил, он рабочий!

Ссылка на сообщение
Поделиться на других сайтах
9 минут назад, odys сказал:

измени скрипт


<script type="text/javascript">
function ModalWindow{news-id}() {
var videolink = '';
$("#video-container{news-id}").dialog({
autoOpen: true,
open: function(event, ui) { 
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto'
});
}
</script>
<div class="last-updates-item shortstory">
	<div class="last-updates-image">
		[full-link]<img src="{image-1}" alt="{title}" />[/full-link]
	</div>
	<div class="last-updates-item-title">
		[full-link]{title}[/full-link]
	</div>

<a href="#" onclick="ModalWindow{news-id}();return false;">Смотреть онлайн</a>
<div id="video-container{news-id}" title="{title}" style="display:none; "><iframe id="div_video" src="[xfvalue_movie]" width="1150" height="800" frameborder="0"></iframe></div>
	<div class="last-updates-item-content">
		{short-story limit="150"}
	</div>
	<div class="last-updates-more">
		 <a href="{full-link}">подробнее</a>
	</div>
</div>

перед публикацией, код проверил, он рабочий!

Проверил и я на денвере работает сейчас проверю на сайте БОЛЬШОЕ СПАСИБО   разберу код и посмотрю ошибку

 

:D:D:D СПАСИБО.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...