Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Ролики с Ютуб в Ajax окне для uCoz
Ролики с Ютуб в Ajax окне для uCoz
workman
Дата: Вторник, 17.10.2017, 23:30 | Сообщение # 1
Гл. Модератор
Сообщений:1696
Награды: 8


Установка ролика видео от ютуба в Ajax окне для конструктора. Ставится все просто! В нижнюю часть сайта ставим это код.

По месту
Код
<a class="various fancybox.iframe" href="http:///www.youtube.com/embed/WsIORuCCqc0?rel=0">Название ролика или картинка</a>

то что красным меняем на свой ролик id /embed/WsIORuCCqc
Код
<script>
$(document).ready(function() {
   $(".various").fancybox({
      maxWidth : 800,
      maxHeight : 600,
      fitToView : false,
      width : '70%',
      height : '70%',
      autoSize : false,
      closeClick : false,
      openEffect : 'none',
      closeEffect : 'none'
   });
});</script>

?rel=0 - запрещающаем показ похожих видео после окончания просмотра
autoplay=1 – ролик будет воспроизводится сразу после открытия окна, или загрузки страницы. Если поставить ноль, для воспроизведения надо будет нажимать кнопочку Play.
fs=1 – даёт возможность разворачивать видео на полный экран. Значение ноль – запрещает.
start=N – можно указать количество секунд N, после которых начнётся воспроизводиться ролик.
showinfo=0 – можно убрать всплывающее название ролика в верхней части ролика.
modestbranding=1 – убирает логотип со ссылкой от youtube.
controls=0 – можно убрать панель контроля за воспроизведением в нижней части ролика.


Сообщение отредактировал
workman - Вторник, 17.10.2017, 23:53
Страна: (RU)
Kosten
Дата: Вторник, 17.10.2017, 23:31 | Сообщение # 2
Администраторы
Сообщений:15806
Награды: 51


workman, можно а модальном окне тоже вывести.
Страна: (RU)
workman
Дата: Вторник, 17.10.2017, 23:35 | Сообщение # 3
Гл. Модератор
Сообщений:1696
Награды: 8


Цитата Kosten ()
можно а модальном окне тоже вывести.

Так оно там и выводится. Сейчас покажу
Страна: (RU)
workman
Дата: Вторник, 17.10.2017, 23:37 | Сообщение # 4
Гл. Модератор
Сообщений:1696
Награды: 8


Kosten,



Жмем левую картинку тут
Прикрепления: 2473016.png(236Kb)


Сообщение отредактировал
workman - Вторник, 17.10.2017, 23:45
Страна: (RU)
Kosten
Дата: Вторник, 17.10.2017, 23:39 | Сообщение # 5
Администраторы
Сообщений:15806
Награды: 51


На тестовый поставлю и на главную если что перекину.
Страна: (RU)
Kosten
Дата: Вторник, 17.10.2017, 23:40 | Сообщение # 6
Администраторы
Сообщений:15806
Награды: 51


И да ссылка битая на примере.
Страна: (RU)
Kosten
Дата: Вторник, 17.10.2017, 23:42 | Сообщение # 7
Администраторы
Сообщений:15806
Награды: 51


Цитата workman ()
то что красным меняем на свой ролик id /embed/WsIORuCCqc

Как узнать id ?
Страна: (RU)
workman
Дата: Вторник, 17.10.2017, 23:48 | Сообщение # 8
Гл. Модератор
Сообщений:1696
Награды: 8


Цитата Kosten ()
И да ссылка битая на примере.

Ссылку поправил
Цитата Kosten ()
Как узнать id ?

цифры и буковки сразу после ссылки это и будет id



https://youtu.be/5M31rBKp3PI
Прикрепления: 5294454.png(45Kb)


Сообщение отредактировал
workman - Вторник, 17.10.2017, 23:57
Страна: (RU)
Kosten
Дата: Среда, 18.10.2017, 00:03 | Сообщение # 9
Администраторы
Сообщений:15806
Награды: 51


workman, это чтоб всем понятно было, включая админа. 07a
Страна: (RU)
workman
Дата: Среда, 18.10.2017, 00:04 | Сообщение # 10
Гл. Модератор
Сообщений:1696
Награды: 8


Выводим картинку превью примерно так
Код
<img src="//img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" width="320" height="180">
Страна: (RU)
workman
Дата: Среда, 18.10.2017, 00:07 | Сообщение # 11
Гл. Модератор
Сообщений:1696
Награды: 8


Можно вывести примерно и так

Код
<a href="javascript:doPopup('//www.youtube.com/embed/5M31rBKp3PI?rel=0')">Открываем видео</a>

Код
<script language="javascript">  
function doPopup(popupPath) {  
window.open(popupPath,'name',  
'width=550,height=550,scrollbars=NO,left=350,top=100');  
}  
</script>

Страна: (RU)
Kosten
Дата: Среда, 18.10.2017, 00:20 | Сообщение # 12
Администраторы
Сообщений:15806
Награды: 51


workman, но на главной ссылку на этот пост кинул.
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Ролики с Ютуб в Ajax окне для uCoz
Страница 1 из 11
Поиск: