Не показывает плеер в модальном окне!

Heaven_Lord 31.07.2014 плеер, модальном, окне Общие вопросы, jQuery 2608

вопрос

Помогите пожалуйста подправить код js. Есть в {shortstory} ссылка по которой запускается плеер в модальном окне. сам плеер вставлен в доп.поле. При вызове плеер появляется в модальном окне, но при каждом вызове разный(из разных новостей). Видимо есть завязка с id новости. что нужно исправить?
вот пример кода html:

Показать / Скрыть текст

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#ModalOpen").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>

Показать / Скрыть текст

            <div class="left-btn-play">
            <a class="play" href="#" onclick="ModalWindow(); return false;"></a>
            <div id="ModalOpen" title="трайлер к {title}" style="display:none; ">[xfnotgiven_treyler]Нету трейлера. :-([/xfnotgiven_treyler][xfgiven_treyler][xfvalue_treyler][/xfgiven_treyler]</div>
             </div>

P.S пробовал так но не работает

Показать / Скрыть текст

<script type="text/javascript">
function ModalWindow(id) {
var videolink = '';
$('#ModalOpen' + 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);
}
});
}
</script>

Показать / Скрыть текст

<div class="left-btn-play">
            <a class="play" href="#" onclick="ModalWindow(id); return false;"></a>
            <div id="ModalOpen{id}" title="трайлер к {title}" style="display:none; ">[xfnotgiven_treyler]Нету трейлера. :-([/xfnotgiven_treyler][xfgiven_treyler][xfvalue_treyler][/xfgiven_treyler]</div>
             </div>

Ответа пока нет

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

Юзер

1599

FastFud - 2014-07-3131 июля 2014 23:44 - #32943

Мне пока в голову пришло только вот такое решение (если что исправлю), так вот:
shortstory

<div class="left-btn-play">
    <div class="play" id="play{news-id}">Click</div>
    <div class="modal" id="ModalOpen{news-id}" title="трайлер к {title}" style="display:none; ">[xfnotgiven_treyler]Нету трейлера. :-([/xfnotgiven_treyler][xfgiven_treyler][xfvalue_treyler][/xfgiven_treyler]</div>
</div>

jQuery


$(function(){
var videolink = '';
    $('.play#play{news-id}').click(function(){
    $('.modal#ModalOpen{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);
}
});
});
});

Юзер

Heaven_Lord - 2014-07-3131 июля 2014 23:52 - #32944

боюсь что не работает ничего не происходит

Юзер

1599

FastFud - 2014-07-3131 июля 2014 23:53 - #32945

Я сам проверил и все работает. Дайте ссылку на сайт.

Юзер

Heaven_Lord - 2014-07-3131 июля 2014 23:55 - #32946

на локалке опишите пожалуйста ваши действий установки может я что то напутал

Юзер

1599

FastFud - 2014-07-3131 июля 2014 23:55 - #32947

и вообще вместо

$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);

можно лишь


$(this).find("iframe").attr('src',videolink); или $(this).find("iframe").removeAttr('src').attr('src',videolink);

точно уже не помню.

Юзер

1599

FastFud - 2014-07-311 августа 2014 00:01 - #32948

<div class="left-btn-play">
<div class="play" id="play{news-id}">Click</div>
<div class="modal" id="ModalOpen{news-id}" title="трайлер к {title}" style="display:none; ">[xfnotgiven_treyler]Нету трейлера. :-([/xfnotgiven_treyler][xfgiven_treyler][xfvalue_treyler][/xfgiven_treyler]</div>
</div><script>$(function(){
var videolink = '';
$('.play#play{news-id}').click(function(){
$('.modal#ModalOpen{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);
}
});
});
});</script>