Страница 10 из 11

[3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 18.09.2015 8:24
KEMnEP
Расширение и video bb соde на jquery для просмотра на сайте видео. Совместимо с [beta] Быстрый ответ: перезагрузка (QuickReply Reloaded)
Просьба тапками не кидать, всё равно с бронепоезда не слезу. Код Чихуахуа на "Стандарты", оптимизирован на минимальную нагрузку серверной части, поэтому лишён даже файлов локализации, всё по старинке в админке. Считаете что сделаете лучше? сразу выкладывайте готовый вариант, я переделывать не буду.
Конструктивная просьба, так как код в тестовом варианте, просьба кидать сюда нерабочие ссылки (если не противоречат настройкам приватности автора видео)
Дисклеймер, расширение и бб код предоставляются как есть и никто не за что не несёт никакой ответственности.

Описание; Связка расширение + ббкод позволяет просматривать видео на сайте. Не нарушая авторские права, и слушаясь настроек приватности самого видео. Также с youtube убираются настройки плей листов, То есть проигрывается просто видео от начало до конца, если не запрещено настройками приватности автора или самого ютюба. Адаптивность заключается в том что на малых экранах это просто кликабельные ссылки, на больших готовое вставленное видео.
Подключает https где это возможно.

Установка:
В администраторском разделе форума сообщения/BBcodes/Добавить BBcode
Использование BBCode [video]{URL}[/video]
Замена HTML <a class="videobbcode" href="{URL}">{URL}</a>
Подсказка Вставить видео [video]URL[/video]
Показывать на странице ответа галка
Если код не отображается в панеле, дополнительно выбрать "Группы, которые могут использовать BB-код".

Собственно установить расширение прикреплённое архивом к данному посту.

Поддерживает вставку аудио и видео со следующих сайтов:
youtube.com
vimeo.com
video.mail.ru
vk.com (Вконтакта)
lovi.tv
intv.ru (без https)
facebook.com
promodj.com
rutube.ru (без https)
twitch.tv
dailymotion.com
videochart.net
video.sibnet.ru
metacafe.com (без https)
coub.com
goodgame.ru
video.online.ua (без https)
tvforsite.ru (без https)
afreeca.tv (без https)
hitbox.tv (без https)
ipeye.ru (без https)
smotri.com (без https)
pleer.com
music.yandex.ru

Поддерживает html5 вставку контента обычным урл адресом.
mp3
ogv
webm
mp4
avi
(Так как используется "чистый" html5 код вставки, все форматы кроме пожалуй mp3 могут не открываться в разных браузерах)

Показывает видео на стандартных плеерах сайтов из списка, сохраняя полный их функционал (к примеру автоматический перевод субтитров youtube.com на разные языки мира)

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

youtube.com, vimeo.com, video.mail.ru dailymotion.com video.online.ua video.sibnet.ru ipeye.ru вставить между [video][/video] url любой страницы с нужным изображением.

yotube.com Существует возможность вставки плейлиста целиком из ютюба, Для этого допишите адресу ютюба с плейлистом, слитно, &1
пример:
[video]http://www.youtube.com/watch?v=WPWJJsEnYEM&list=PLPYC---L3hwl7yImm5Rk3Iol0Efln7CDe&index=5&1[/video]
Внимание! Запоминает только сам плейлист и начинает с первого файла, если Вы хотите передать конкретный файл и/или его же с тайминогом, добавлять нечего ненужно, но и плейлист не передастся.
list1.jpg
list2.jpg
Также возможен просмотр сразу всех видео загруженных конкретным пользователем.
Пример: [video]http://www.youtube.com/user/yplandrew[/video]

vk.com найдите нужное видео на сайте vk.com, кликните по нему правой кнопкой мышки и нажмите левой на "копировать код видео"
5.jpg
После на сайте в комментарии жмём правой кнопкой мышки, выбираем, и левой нажимаем вставить.
4.jpg
Удаляем всё лишние кроме урл. После выделяем оставшиеся, и нажимаем кнопку video.
6.jpg
lovi.tv Поделиться/ссылка на видео
lovi.jpg
intv.ru Где присутствует "Постоянная ссылка" под видео.
intv.jpg
intv.jpg (16.19 КБ) 26503 просмотра
facebook.com Правой кнопкой на заинтересовавшем видео и там Get video URL
facebook.jpg
promodj.com вставить между [video][/video] url любой страницы с нужным изображением или музыкой. Единственное условие страница должна быть посвящена именно треку, а не списку треков. И не в разделе tv.
Пример страницы видео и отображения:
https://promodj.com/yaaman/videos/55139 ... ck_To_Stay
video.jpg
Пример страницы с аудио и отображения:
https://promodj.com/slamdjs/tracks/5107 ... ngrad_Like
tracks.jpg
Для вставки из раздела TV нужно нажать <> на самом видео.
1.jpg
После вставить в поле ответа из буфера обмена. очистить до вида URL (пример http://promodj.com/embed/5364879/big) и заключить в тег [video][/video]

rutube.ru Вставить между [video][/video] адрес отдельной страницы с самим видео.

twitch.tv Добавить url адрес стрима между тегами. Пример [video]http://www.twitch.tv/meteos[/video]
metacafe.com Копируем адрес странницы посвящённой самому видео. Пример:
[video]http://www.metacafe.com/watch/11324313/clumsy_reporter_knocks_down_jenga_tower/[/video]

coub.com Добавить URL видео. Который к примеру можно получить с самого видео.
coub2.jpg
goodgame.ru Вставить url канал стримера.

video.online.ua он же moevideo.net
Вставить адрес страницы с нужным видео.

tvforsite.ru Для использования, получите код встройки после на нужных Вам темах форума добавите только [video]URL[/video] из полученного кода.

afreeca.tv урл брать под стримом.
afreecatv.jpg
hitbox.tv Вставить ссылку страницы стрима между бб кодом.

Ещё раз повторюсь выкладываю только из за просьбы показать как сделал. В советах, кроме как нерабочих (на самом деле рабочих) ссылок не нуждаюсь.

Так же доступна версия newadapvideobbredy.zip с видео адаптацией под мобильные экраны вставки видео с сайтов
youtube.com vk.com rutube.ru vimeo.com mail.ru coub.com
В ней также реализован режим экономии мобильного трафика для youtube.com, изначально загружаются только изображения, после первого клика идёт подгрузка управления и подготовка видео, после второго клика только загрузка самого видео

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 08.05.2017 12:40
KEMnEP
Сейчас с телефона и нет возможности изучить подробней. На первый взгляд смущают лишь названия альбомов в ссылках ифрейм и отсутствие этого названия в коде штмл. Если у Яндекса найти апи и научится извлекать. То проблем нет. Если этого нельзя сделать будет. То тут и придётся что нибудь придумать.

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 08.05.2017 14:53
va-spb
У меня с Плейлистами срабатывает так. Мне непонятно, но вы поймете.
Попытка сделать BBCode

Использование BBCode
[yamus={INTTEXT}]{NUMBER}[/yamus]

Замена HTML

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

<iframe frameborder="0" style="border:none;width:100%;height:400;" width="100%" height="400" src="https://music.yandex.ru/iframe/#playlist/music-blog/{NUMBER}/show/cover/description/hide/subtitle/">{INTTEXT}<a href='https://music.yandex.ru/users/music-blog/playlists/{NUMBER}'>{INTTEXT}</a> — <a href='https://music.yandex.ru/users/music-blog'>{INTTEXT}</a>{INTTEXT}</iframe
Использую так [yamus=ц]1029[/yamus]
Вместо ц можно подставить что угодно, кроме пробела и смайлика
1029 это номер моего плейлиста, можно поменять, например, на 1028. Это будет чужой плейлист. Или 1086.

Т.е. все названия приходят от Яндекса.
Но параметры можно задать на месте: к строке /show/cover/description/hide/subtitle/ добавляю black/ и Плейлист показывается в темной теме.

Переделал)) Выше написанное удалять не стал. :oops:
[yamus]{NUMBER}[/yamus]

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

<iframe frameborder="0" style="border:none;width:100%;height:400;" width="100%" height="400" src="https://music.yandex.ru/iframe/#playlist/music-blog/{NUMBER}/show/cover/description/hide/subtitle/black/"></iframe
[yamus]1029[/yamus] или [yamus]1086[/yamus]

Распарсить это дело для треков, плейлистов, альбомов на JS я не готов. Хоть и пишу на Дельфи7, VB. JS в руках не держал, а у вас это легко и играючи получится.
ЯндексМузыка.jpg
Отправлено спустя 14 минут 55 секунд:
Естественно, все это для Вашего BBCode [video], а не для отдельного BBCode

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 08.05.2017 15:16
KEMnEP
Я уже погонял штмл чистый. Да там инфа напрямую через ифрейм приходит. Так что проблем вообще нет. Приду домой, напишу скрипт. Только ббкод изначально не содержит доп параметров дабы не ломать целостность ссылки. Но никто не мешает настроить параметры владельцу сайта прямо в коде. (цвет страниц и тд)

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 08.05.2017 19:46
KEMnEP
Ех.. опять невозможно редактировать первый пост, что ж
Переписан код music.yandex.ru Теперь дружит с альбомами, плейлистами и отдельными треками. Также игнорирует External Links в коде video

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 08.05.2017 20:15
va-spb
KEMnEP, сердечное спасибо! 8-)
Установил, проверил альбомы, плейлисты и треки. Яндекс Музыка работает отлично через Ваш BBCod [video]
Обрадую сейчас форумчанок хорошей новостью!

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 09.05.2017 8:40
KEMnEP
В music.yandex.ru теперь принимает и треки без альбомов
Пример
https://music.yandex.ru/track/24663745

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 09.05.2017 9:58
va-spb
KEMnEP писал(а): 09.05.2017 8:40треки без альбомов
Спасибо! Вчера тоже с этим столкнулся. Если открыть песню в альбоме, то слева ссылка без альбома (не проигрывалась), а справа и внизу ссылки с альбомом (проигрывались нормально).
Пришлось даже инструкцию переписывать, чтобы брали ссылку внизу.
http://forum.prihozovka.ru/viewtopic.php?f=13&t=79

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 28.05.2017 21:09
KEMnEP
проект можно считать закрытым, рекомендую использовать официальное расширение phpBB Media Embed PlugIn

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 28.05.2017 22:20
Beer
Я так наоборот - с Media Embed пришел. Данное расширение на порядок лучше и удобнее!

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 23.07.2017 22:20
Vlad__
режим экономии мобильного трафика для youtube.com, изначально загружаются только изображения, после первого клика идёт подгрузка управления и подготовка видео, после второго клика только загрузка самого видео
В этом расширении мне нравилось вот это. В официальном такого нет. Жаль...

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 02.08.2017 12:49
Beer
Перестали отображаться превьюхи у видео - возможно админ ютуба что-то наработал... :(

Открыть videobbredy.js
Найти controls=2 заменить на controls=1&rel=0
&rel=0 - отключает вывод похожих видео в плеере по окончании просмотра основного.

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 15.08.2017 18:08
Gubkin
KEMnEP, не надо закрывать проект :shock:
Beer писал(а): 28.05.2017 22:20Media Embed
убогий как и всё стандартное на phpbb
не умеет даже обрабатывать укороченные ссылки типо

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

https://youtu.be/oZbmobp34gs

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 15.08.2017 18:10
rxu
Gubkin писал(а): 15.08.2017 18:08не умеет даже обрабатывать укороченные ссылки
С какого это перепуга? Всё обрабатывается.

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 15.08.2017 18:12
va-spb
Gubkin писал(а): 15.08.2017 18:08не умеет даже обрабатывать укороченные ссылки
2017-08-15_18-11-18.jpg
2017-08-15_18-15-06.jpg
Отправлено спустя 10 минут 1 секунду:
С Инстаграма фотки и видео Media Embed тоже вставляет, а у народа там много чего лежит - http://forum.prihozovka.ru/viewtopic.php?p=1778#p1778
А KEMnEP сделал возможным вставлять песни с Яндекс Музыки, еще раз спасибо!
http://forum.prihozovka.ru/viewtopic.php?p=1368#p1368

Re: [3.1/3.2] videobbredy - адаптивный bb код видео

Добавлено: 15.08.2017 18:36
Gubkin
rxu, надо было настройки какие-то изменить ?
по умолчанию не показывал