|
Ролики с Ютуб в Ajax окне для uCoz
|
|
| workman | Вторник, 17 Октября 2017, 23:30 | Сообщение 1 |
| Установка ролика видео от ютуба в 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, 23:31 | Сообщение 2 |
| workman, можно а модальном окне тоже вывести.
| | Страна: (RU) |
| |
| workman | Вторник, 17 Октября 2017, 23:35 | Сообщение 3 |
|
| Цитата Kosten (  ) можно а модальном окне тоже вывести.
Так оно там и выводится. Сейчас покажу
| | Страна: (RU) |
| |
| workman | Вторник, 17 Октября 2017, 23:37 | Сообщение 4 |
|
| Kosten,
Жмем левую картинку тут
Сообщение отредактировал
workman - Вторник, 17 Октября 2017, 23:45 | | Страна: (RU) |
| |
| Kosten | Вторник, 17 Октября 2017, 23:39 | Сообщение 5 |
|
| На тестовый поставлю и на главную если что перекину.
| | Страна: (RU) |
| |
| Kosten | Вторник, 17 Октября 2017, 23:40 | Сообщение 6 |
|
| И да ссылка битая на примере.
| | Страна: (RU) |
| |
| Kosten | Вторник, 17 Октября 2017, 23:42 | Сообщение 7 |
|
| Цитата workman ( ) то что красным меняем на свой ролик id /embed/WsIORuCCqc
Как узнать id ?
| | Страна: (RU) |
| |
| workman | Вторник, 17 Октября 2017, 23:48 | Сообщение 8 |
|
| Цитата Kosten ( ) И да ссылка битая на примере.
Ссылку поправил
Цитата Kosten ( ) Как узнать id ?
цифры и буковки сразу после ссылки это и будет id
https://youtu.be/5M31rBKp3PI
Сообщение отредактировал
workman - Вторник, 17 Октября 2017, 23:57 | | Страна: (RU) |
| |
| Kosten | Среда, 18 Октября 2017, 00:03 | Сообщение 9 |
|
| workman, это чтоб всем понятно было, включая админа. 
| | Страна: (RU) |
| |
| workman | Среда, 18 Октября 2017, 00:04 | Сообщение 10 |
|
| Выводим картинку превью примерно так Код <img src="//img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" width="320" height="180"> | | Страна: (RU) |
| |
| workman | Среда, 18 Октября 2017, 00:07 | Сообщение 11 |
|
| Можно вывести примерно и так
Код <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, 00:20 | Сообщение 12 |
|
| workman, но на главной ссылку на этот пост кинул.
| | Страна: (RU) |
| |
