Question

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

Но еще одно видео, будет грузить страницу, поэтому пришла идея запоковать код рекламы в спойлер, при нажатии на который, должн выводится трейлер, но не выводиться.

Нашел сайт, который делает аналогично, для примера online-freebee.net/filmy-2016/32465-mehanik-voskreshenie-2016.html, так-же нужно и мне.

Код спойлера: 

<!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerwEBZnz"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerwEBZnz')[0]){if ($('.uSpoilerText',$('#uSpoilerwEBZnz'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerwEBZnz'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerwEBZnz')).val('Закрыть спойлер');$('#uSpoilerwEBZnz').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerwEBZnz'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerwEBZnz')).val('Открыть спойлер');$('#uSpoilerwEBZnz').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div> 

 <div class="uSpoilerText" style="display:none;"><!--ust--><!--IMG2-->Здесь ваша информация</a><!--IMG2--><!--/ust--></div></div><!--/uSpoiler--> 

Код рекламы :

<div id="renderTrailerDiv"></div> <!-- сюда будет выведен трейлер !-->
<script type="text/javascript" async src="http://videotrailer.top/trailer_api?pid=1683&w=600&h=400">

Сейчас выглядет все так http://www.onlinevideo.net.ua/load/aziatskij_svjaznoj_2016/2-1-0-10026

Как сделать, что-бы при открытии спойлера открывалась партнерка с рабочим трейлером, при этом минимально грузала страницу?

 

Answer 1

Лучше реализовать не по спойлерам, а по табам, будет намного удобнее, вот вам небольшой пример табов - https://jsfiddle.net/reslear/mrfo2a5q достаточно простенький, но под себя можете стилизировать и изменить как захотите.

Comments

Методом табов почему-то невыходит, как вставить скрипт рекламы трейлера, что бы разворачивался.  Я пробовал вставить где у меня основной плеер с фильмов (плеер 1, плеер 2,) добавить еще трейлер, но не выходило  Вот код плееров:  <a class="select" id="$AUTHOR_SITE$">Плеер 1</a>  <a class="select" id="$DOCPAGE_URL$">Плеер 2</a></nofollow><!--/noindex--> (еще в ЦЦС код есть для вывода)  Но это через доп. поля. Как можно суда добавить трейлер что бы открывалась партнерка с трейлером?