Вопрос? Трейлер в модальном окне

js код где находится в shortstory или в js ?

 

В полной новости прописан id - #trailer-place, там где хранится трейлер?

 

Модальное окно может вообще не поддерживать определенные теги и так же плеер

 

Попробуйте поместить js код в shortstory и посмотрите результат. Насколько помню в файлах js доп поля не обрабатываются, их нужно как-то силой туда передавать, например ajax-ом .

 

Пробуй

HTML

Код:

<div class="movie-trailer showTrailer" title="Смотреть трейлер {title}" data-src="{full-link}"><span class="far fa-play"></span></div>

JS

Код:

$('body').on('click','.showTrailer',function(){
   
        $('body').append('<div class="trailer_frame"><div class="iframe" id="trailer-box"></div><div class="overlay"></div> <span class="icon-close far fa-times"></span></div>');
       
        var w = $(window).width()-40;
        var meta = $(this);
        if( $('.trailer_frame').width() > w ) {
            $('.trailer_frame').height(w/($('.trailer_frame').width()/$('.trailer_frame').height())).width(w).css({'margin-left': 0-w/2});
        }
       
        $('.trailer_frame').animate({opacity: 1, top: $(window).height()/2-$('.trailer_frame').height()/2}, 'slow', function() {

                    metaS = meta.data('src'),
                    $.ajax({
                        url: metaS,
                        beforeSend: function() {
                            ShowLoading('');
                        },             
                        success: function(data) {
                           $("#trailer-box").append($('#trailer-place', data).html());
                           $("#trailer-box").append('<script type="text/javascript" src="/engine/classes/html5player/player.js"></script><link media="screen" href="/engine/classes/html5player/player.css" type="text/css" rel="stylesheet" />');
                            HideLoading('');
                        },
                          error: function() {               
                            HideLoading('');
                            alert('Что-то пошло не так');
                          }
                    });
                   
        });
       
    });
    $('body').on('click', '.trailer_frame .icon-close, .trailer_frame .overlay', function() {
        $(this).parent().find('iframe').remove();
        $('.trailer_frame').animate({opacity: 0, top: 0}, function() {
            $(this).remove();
        });
       
    });

CSS

Код:

.iframe {
    width: 100%;
    height: 100%;
}

.trailer_frame {
    width: 700px;
    height: 394px;
    margin-left: -350px;
}

.trailer_frame {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    opacity: 0;
}

.trailer_frame .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}

.trailer_frame .far {
    right: -20px;
    position: absolute;
    top: -20px;
    background-color: #1d1c21;
    padding: 14px 17px;
    color: #6d2bd6;
    border-radius: 100px;
    cursor: pointer;
    z-index: 1;
}

.iframe {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: #1d1c21;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    z-index: 1;
}

.trailer_frame iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.trailer_frame .icon-close:hover {
    fill: #eee;
}

 

В твоем случае в HTML
добавь
data-src="{full-link}"
<div class="th-meta th-trl js-trailer" title="Смотреть трейлер" data-src="{full-link}"><span class="icon ion-md-play"></span></div>

 

Просто у меня модальное не поддерживает вообще кроме текста ничего

А что за шаблон где есть такое модальное?

 

Да у меня модуль стоит попап, в нем поддержка только текста и full link

 

Как заставить работать этот код в fullstory.tpl ? Выводит модальное окно без плеера. Хотя в исходном код код плеера есть

 

Ссылку копируй через iframe

 

Можно на примере кода показать ? я в js не селен

 

Может неправильно понял но так видео должно работать если в доп поле ссылка будет такая:
View: https://www.youtube.com/embed/7-0etDF6FBI

 

В шот стори этот же код отрабатывает нормально
При нажатии на
<div class="movie-trailer showTrailer" title="Смотреть трейлер {title}" data-src="{full-link}"><span class="far fa-play"></span></div>
Выводит модальное окно с плеером
в фул стори просто модальное окно