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

[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, кликните по нему правой кнопкой мышки и нажмите левой на "копировать код видео"

4.jpg

После на сайте в комментарии жмём правой кнопкой мышки, выбираем, и левой нажимаем вставить.

5.jpg

Удаляем всё лишние кроме урл. После выделяем оставшиеся, и нажимаем кнопку video.

6.jpg

lovi.tv Поделиться/ссылка на видео

lovi.jpg

intv.ru Где присутствует "Постоянная ссылка" под видео.

intv.jpg

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, изначально загружаются только изображения, после первого клика идёт подгрузка управления и подготовка видео, после второго клика только загрузка самого видео

[ostridm]

reAdy
?

[Alecto]

понятно, что работает только с ютюб, в чем еще отличия от этого? phpBB [media] — bbcode для вставки аудио, видео, карт и др.

[Likbezz]

Считаете что сделаете лучше? сразу выкладывайте готовый вариант

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

<script type="text/javascript">
function add_videobb(e, elements) {
	var win=$(window),
	scr_w = win.width(),
	scr_h = win.height();
	if (scr_w > 600 && scr_h > 500) {
		elements.find('.videobbcode').each(function(){
			var y = this.href;
			if (/youtu/g.test(y)) {
				var x = y.replace(/(.index=.*|[&]list=.*|feature=player_detailpage[&]|[&]feature=player_embedded|[&]feature=youtu.be|youtube.com|t=.*?&|[&]feature=relmfu|[&]feature=related|feature=player_embedded[&]|[&]feature=share)/g, "");
				var z = x.replace(/([/]watch[?]v=|youtu.be[/]|[/]embed[/])/g, "youtube.com/embed/");
				$(this).replaceWith("<iframe width='560' height='315' src='" + z + "' frameborder='0' allowfullscreen></iframe>");	
			}
			if (/vk\.com/g.test(y)) {
				$(this).replaceWith("<iframe src='" + y + "' width='607' height='360' frameborder='0'></iframe>");	
			}
		});
	}
}

$(document).ready(function (e) {
   add_videobb(e, $(document));
});
$('#qr_posts').on('qr_loaded', add_videobb);
$('#qr_postform').on('ajax_submit_preview', function (e) {
   add_videobb(e, $('#preview'));
});
</script>

в чем еще отличия от этого?

В кол-ве поддерживаемых сервисов) и отсутствии беклинка.

[KEMnEP]

понятно, что работает только с ютюб, в чем еще отличия от этого?

Вкратце, не использует сторонние само обновляющие джава скрипты, обновление которых неконтролируемо админом. Плюс из коробки совместим с [beta] Быстрый ответ: перезагрузка (QuickReply Reloaded) И самое главное, не нарушает авторские права, в отличии от приведённого Вами примера, который показывает любое видео, в том числе и запрещённое к показу автором на сторонних сайтах. Не нужны левые иски от роскомнадзора? Велком.
Пс Хотя не для Рф наверно мало актуально.
Пспс и да ещё отличие в присутствие адаптивности.

Отправлено спустя 1 час 36 минут 19 секунд:
Обновлён первый пост и архив, добавлена поддержка vimeo.com и video.mail.ru

[Sumanai]

Вкратце, не использует сторонние само обновляющие джава скрипты, обновление которых неконтролируемо админом.

Есть возможность использовать локальный вариант скрипта.

И самое главное, не нарушает авторские права, в отличии от приведённого Вами примера, который показывает любое видео, в том числе и запрещённое к показу автором на сторонних сайтах.

А это разве не проблема ютуба?

Не нужны левые иски от роскомнадзора?

Хотя бы один пример иска можете предоставить? Именно иска и именно от роскомнадзора.

[KEMnEP]

Есть возможность использовать локальный вариант скрипта

Который тоже сам по себе обновляется автоматом, так то со стороннего сервера. Без контроля администратора.

[Sumanai]

Который тоже сам по себе обновляется автоматом, так то со стороннего сервера.

Подобным параноикам ничто не запрещает взять и скачать к себе сам скрипт.
Хотя при этом теряется возможность собственно автообновления.

[KEMnEP]

Подобным параноикам ничто не запрещает взять и скачать к себе сам скрипт.

Ещё раз повторяю в phpBB [video] — универсальный видео-bbcode (без правок кода) ДАЖЕ СКАЧАННЫЙ СКРИПТ, авто обновляется со стороннего сервера, Без контроля администратора. Ибо bbmedia.php, а значит что хочу то и ворочу.

[Sumanai]

Я тоже могу повторить- скачивайте себе файл bbmedia.js на сервер, и он никак не сможет автообновится по той простой причине, что это простой яваскрипт файл.

[KEMnEP]

Я тоже могу повторить- скачивайте себе файл bbmedia.js на сервер, и он никак не сможет автообновится по той простой причине, что это простой яваскрипт файл.

С таким же успехом сюда можно добавить любой нужный сервис для проигрывания, ибо код простейший и специально не усложнялся. При этом легко видно что и как делает, без скрытой рекламы. Говорил же "Просьба тапками не кидать, всё равно с бронепоезда не слезу" Ваши посты не о чём в данной теме.

[Sumanai]

С таким же успехом сюда можно добавить любой нужный сервис для проигрывания, ибо код простейший и специально не усложнялся.

В ббмедиа они уже есть, скорее всего.

Говорил же "Просьба тапками не кидать, всё равно с бронепоезда не слезу"

Кидаю тапками я не в сам ббкод, а в заявления, что с ббмедиа будут какие- то проблемы с аж роскомнадзором и что в автообновление есть что- то неправильное.

[KEMnEP]

Кидаю тапками я не в сам ббкод, а в заявления, что автообновление есть что- то неправильное

Неконтролируемое? ну это до тех пор пока не взломают сайт оригинала и Вас за компанию в лёгкую, или о ужас разраб в невменяемом состоянии захочет по паясничать.
Упс
В любом случае диалог не очём, элементарные правила безопасности информации, и доверенные но проверяемые источники. Поэтому я линяю с темы Вашей дискуссии ибо всё сказал.

[Alecto]

ДАЖЕ СКАЧАННЫЙ СКРИПТ, авто обновляется со стороннего сервера

нет, потому что

скачивайте себе файл bbmedia.js на сервер, и он никак не сможет автообновится по той простой причине

В ббмедиа они уже есть, скорее всего.

есть все это и намного больше

роскомнадзора

глубочайше наплевать на это ... ну вы поняли.

Просьба тапками не кидать

никаких тапков. исключительно любопытство )

[Gubkin]

KEMnEP,
у меня все видео с тегами media
если я поставлю ваше творение, то видео будут криво лежать.
как можно переделать автоматом все media в video ?