» »

Вывести ролики YouTube в Ajax окне для uCoz

Вывести ролики YouTube в Ajax окне для uCoz

Здесь вы скриптом можете вывести ролик на хостинг YouTube не применяя модального окна, все сделаем со стандартным Ajax сайта uCoz. Где также задается стандарты на размер и ширину. Что при этом при смене id, у вас появляется возможность показывать несколько. Все очень просто и понятно. Для начало в самый низ прописываем код, в нем идет редактирование, каким вы хотели визуально наблюдать в своих заданных пропорциях, как посчитаете.

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

HTML на каркас, чтоб на всей площадке просматривалось, то вверх его прописать.

Код
<script>
$(document).ready(function() {
  $(".various").fancybox({
  maxWidth : 754,
  maxHeight : 531,
  fitToView : false,
  width : '69%',
  height : '68%',
  autoSize : false,
  closeClick : false,
  openEffect : 'none',
  closeEffect : 'none'
  });
});</script>

Там, где было бы заметно для тех, кто находитьсяя на прлощадке.

Код
<a class="various fancybox.iframe" href="https://www.youtube.com/embed/U1YEeVP2QPo?ecver=1">Смотрим видео</a>

Также по этой теме развернуто описано на форуме, что можете перейти для ознакомление.

Автор: workman
18.10.2017 Просмотров: 347 Комментарий: (4)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
workman
workman 18.10.2017 01:011
0
Код
<a class="various fancybox.iframe" href="http:///www.youtube.com/embed/WsIORuCCqc0?rel=0&autoplay=1&modestbranding=1">
<div class="youtimg" style="background: url(//img.youtube.com/vi/WsIORuCCqc0/hqdefault.jpg) no-repeat 50% 50%;"></div></a>

Код
.youtimg{
width: 320px;
height: 200px;
background-size: cover;
}
Kosten
Kosten 18.10.2017 03:592
0
Как понимаю, здесь еще изображение самому можно установить по умолчанию.
workman
workman 18.10.2017 10:203
0
Ну изображение тут само выйдет какой стоит на самом видео ролике
workman
workman 18.10.2017 10:254
0
Лучше всего в ссылке вызова прописать так ?rel=0&autoplay=1&modestbranding=1"
Что это дает? - При запуске окна видео запустится само + после просмотра ролика не будут выводиться оповещение о просмотре других роликов + убираем эмблему Ютуб внизу ролика
avatar