• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Ролики с Ютуб в Ajax окне для uCoz
Ролики с Ютуб в Ajax окне для uCoz
workman
Вторник, 17 Октября 2017 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Установка ролика видео от ютуба в 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 Октября 2017, 23:53
Страна: (RU)
Kosten
Вторник, 17 Октября 2017 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
workman, можно а модальном окне тоже вывести.
Страна: (RU)
workman
Вторник, 17 Октября 2017 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
можно а модальном окне тоже вывести.

Так оно там и выводится. Сейчас покажу
Страна: (RU)
workman
Вторник, 17 Октября 2017 | Сообщение 4
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten,



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


Сообщение отредактировал
workman - Вторник, 17 Октября 2017, 23:45
Страна: (RU)
Kosten
Вторник, 17 Октября 2017 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
На тестовый поставлю и на главную если что перекину.
Страна: (RU)
Kosten
Вторник, 17 Октября 2017 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
И да ссылка битая на примере.
Страна: (RU)
Kosten
Вторник, 17 Октября 2017 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Цитата workman ()
то что красным меняем на свой ролик id /embed/WsIORuCCqc

Как узнать id ?
Страна: (RU)
workman
Вторник, 17 Октября 2017 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
И да ссылка битая на примере.

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

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



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


Сообщение отредактировал
workman - Вторник, 17 Октября 2017, 23:57
Страна: (RU)
Kosten
Среда, 18 Октября 2017 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
workman, это чтоб всем понятно было, включая админа. 07a
Страна: (RU)
workman
Среда, 18 Октября 2017 | Сообщение 10
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Выводим картинку превью примерно так
Код
<img src="//img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" width="320" height="180">
Страна: (RU)
workman
Среда, 18 Октября 2017 | Сообщение 11
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Можно вывести примерно и так

Код
<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 Октября 2017 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
workman, но на главной ссылку на этот пост кинул.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Ролики с Ютуб в Ajax окне для uCoz
  • Страница 1 из 1
  • 1
Поиск: