Шаблоны BBCode плеер YouTube ✓ ЕСТЬ ОТВЕТ

Здесь обсуждается форумный движок phpBB различных версий. В дальнейшем, если понадобится, форум будет вынесен в отдельный подраздел и разбит на категории.
Ответить
Аватара пользователя

Автор темы
aleksej1749
Новичок
Сообщения: 7
Зарегистрирован: 18 июл 2015, 10:48
Репутация: 1
Статус: Не в сети

Шаблоны BBCode плеер YouTube

Сообщение aleksej1749 » 19 июл 2015, 23:18


Уважаемые Администраторы форумов!!!!
Я не программист. Недавно установил себе форум phpbb (по видео админа этого форума).
Хотел установить видео в сообщение с YouTube, а в стандартных BBCode отсутствовал нужный шаблон. По интернету тоже "пошарил", но там все старые версии и ни один не подходит.
Искренне прошу..Скиньте пожалуйста обновленные шаблоны для форума версии 3.1.5. на просмотр видео с ютуба и аудиоплеер.
Заранее благодарен.

ЛУЧШИЙ ОТВЕТ DesignerMix » 19 июл 2015, 23:34
Вот BBCode для вставки плеера YouTube в сообщение который использую я:

Использование BBCode:

Код: Выделить всё

[youtube]{SIMPLETEXT}[/youtube]


Замена HTML:

Код: Выделить всё

<div class="videoWrapper">
<iframe src="https://www.youtube.com/embed/{SIMPLETEXT}?wmode=opaque&amp;fs=1&amp;theme=dark&amp" width="640" height="390" frameborder="0" scrolling="no"  allowfullscreen="1"></iframe>
</div>


Подсказка:

Код: Выделить всё

Указываем ID ролика. Пример: [youtube]s9-54eMyWBw[/youtube]


В замене HTML используется div блок с классом videoWrapper, я добавил этот класс что-бы размер плеера всегда подстраивался под размер окна пользователя. Если вам это ненужно то просто удалить div блок, а если нужно то добавьте класс videoWrapper в css-шаблон темы которую используете.

Например при использовании темы se square left нужно:

Найти в файле по пути [папка с форумом]/styles/se_square_left/theme/responsive.css код:

Код: Выделить всё

#site-description {
   float: none;
   width: auto;
   text-align: center;
}


Добавить после:

Код: Выделить всё

/* YouTube плеер изменяющий размер */
.videoWrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}

.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


Теперь сохраните файл и очистите кэш форума.

Пример использования BBCode:

ПЕРЕЙТИ К ПОЛНОМУ СООБЩЕНИЮ ➙
Последний раз редактировалось DesignerMix 20 июл 2015, 20:02, всего редактировалось 1 раз.
Причина: Изменено название темы (см. Правила)

Аватара пользователя

DesignerMix
Администратор
Администратор
Сообщения: 4448
Зарегистрирован: 25 апр 2014, 10:51
Есть ответ: 170
Репутация: 547
Откуда: Белгород
Контактная информация:
Статус: Не в сети

Шаблоны BBCode

Сообщение DesignerMix » 19 июл 2015, 23:34


Вот BBCode для вставки плеера YouTube в сообщение который использую я:

Использование BBCode:

Код: Выделить всё

[youtube]{SIMPLETEXT}[/youtube]


Замена HTML:

Код: Выделить всё

<div class="videoWrapper">
<iframe src="https://www.youtube.com/embed/{SIMPLETEXT}?wmode=opaque&amp;fs=1&amp;theme=dark&amp" width="640" height="390" frameborder="0" scrolling="no"  allowfullscreen="1"></iframe>
</div>


Подсказка:

Код: Выделить всё

Указываем ID ролика. Пример: [youtube]s9-54eMyWBw[/youtube]


В замене HTML используется div блок с классом videoWrapper, я добавил этот класс что-бы размер плеера всегда подстраивался под размер окна пользователя. Если вам это ненужно то просто удалить div блок, а если нужно то добавьте класс videoWrapper в css-шаблон темы которую используете.

Например при использовании темы se square left нужно:

Найти в файле по пути [папка с форумом]/styles/se_square_left/theme/responsive.css код:

Код: Выделить всё

#site-description {
   float: none;
   width: auto;
   text-align: center;
}


Добавить после:

Код: Выделить всё

/* YouTube плеер изменяющий размер */
.videoWrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}

.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


Теперь сохраните файл и очистите кэш форума.

Пример использования BBCode:

Аватара пользователя

Автор темы
aleksej1749
Новичок
Сообщения: 7
Зарегистрирован: 18 июл 2015, 10:48
Репутация: 1
Статус: Не в сети

Шаблоны BBCode

Сообщение aleksej1749 » 20 июл 2015, 12:57


:newyear: Спасибо огромное... :super: Проблема решена... Сделал так как Вы посоветовали... :super:

Аватара пользователя

tank
Интересующийся
Сообщения: 55
Зарегистрирован: 16 дек 2015, 11:52
Репутация: 0
Статус: Не в сети

Шаблоны BBCode плеер YouTube

Сообщение tank » 23 дек 2015, 03:02


Приветствую.
А ББ-код для вставки видео с VK есть?

Отправлено спустя 22 минуты 58 секунд:
DesignerMix писал(а):Вот BBCode для вставки плеера YouTube в сообщение который использую я

Единственное, что мне не нравится, это появляющиеся в конце ролика похожие видео. Но чтобы этого избежать я так понимаю надо использовать хтмл код видео?

Аватара пользователя

DesignerMix
Администратор
Администратор
Сообщения: 4448
Зарегистрирован: 25 апр 2014, 10:51
Есть ответ: 170
Репутация: 547
Откуда: Белгород
Контактная информация:
Статус: Не в сети

Шаблоны BBCode плеер YouTube

Сообщение DesignerMix » 23 дек 2015, 12:41


tank писал(а):Источник цитаты Единственное, что мне не нравится, это появляющиеся в конце ролика похожие видео.

курите youtube API, если это можно отключить то там это должно быть описано.