Форум фанов Prodigy  |  Форумная жизнь  |  РедКоллегия

Тема: Коды для вставки аудио, видео с различных сайтов

Последний автор: ЛОЕМ
Страницы: [1] 2 Все Ответ | Уведомлять об ответах
   Автор  Тема: Коды для вставки аудио, видео с различных сайтов  (Просмотрено 16968 раз)

Редактировал афишу rekcuFniarВ

DzhYn
Гость

E-Mail
Коды для вставки аудио, видео с различных сайтов
#
Процитировать |

Дорогие друзья, рад вам сообщить, что на форуме появился свой видеоплеер, воспроизводящий флеш-видео и mp4 (то бишь - любое видео, которое поддерживает Adobe Flash версий 9 и выше).

Также, он воспроизводит видео с ютюба посредством "поедания" простого линка!

Код плеера прост и легко запоминается:
[video]

Примеры:
Видео с Фанниджанка:
Код:
[video]http://static.funnyjunk.com/movies/horny_turtle_humps_my_shoe.flv[/video]


Видею с ютюба:
Код:
[video]http://www.youtube.com/watch?v=o3UUwndGK4A[/video]


Видео с дропбокса (там можно свое размещать):
Код:
[video]http://dl.dropbox.com/u/3351462/Madonna.flv[/video]



Как видите, ему пофиг, откуда ваше видео играть - хоть с дропбокса, хоть с ютюба, хоть с любого источника, где вы сможете достать ПРЯМУЮ ССЫЛКУ (способов сделать это очень много).

Кнопка "Скачать" естественно РАБОТАЕТ (и в случае с ютюбом - тоже).

Кнопка в форме ответа - в процессе разработки.
Спасибо за внимание!

Trim Silence: Действительно нужная вещь. Кнопка в форме ответа по-любому нужна - даже более, необходима ) Спасибо
LeStR: плеер снизу черезчур урезан
DzhYn: Насколько? У меня че-то глюки, делал в полуслепую... Сколько пикселей добавить?
jeniya: видео с вконтакта пишет - не найдено
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #1
Процитировать |


ХОДИ СЮДЫ!!!

break-D
Участник Форума
**
Рейтинг: 1001

[Заценки]
[Комментарии]





Город:
Пол: Мужчина
Сообщений: 196

Коды для встави аудио, видео с различных сайтов
Ответ #2
Процитировать |

Плохо, что форумный видеоплеер не показывает название видео как ютубовский плеер, неудобно.
Можно реализовать показ названия видео?

DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #3
Процитировать |

ВНИМАНИЕ!
Обновления в интерфейсе плеера!
Изменения коснулись 3 последних значков в его панели управления:
1. Пиктограмма "i" - при нажатии на нее вы получите ОКНО С ПРЯМОЙ ССЫЛКОЙ НА ФАЙЛ, либо со ССЫЛКОЙ НА ИСТОЧНИК ВИДЕО (в случае, если видео взято с ютюба). При нажатии кнопкой мышки на эту ссылку, она автоматически копируется в буфер обмена и дальше вы вольны делать с ней, что хотите.
2. Следующая пиктограмма - ПОЛНОЭКРАННЫЙ РЕЖИМ! Да, он теперь РАБОТАЕТ!
3. Знакомая вам стрелочка вниз - команда для ЗАГРУЗКИ. Если в плеер встроена прямая ссылка на видео, загрузка начнется сразу. Если встроено видео с ютюба, вы попадете на страницу извлечения ссылок с него с выбором качества.

Все лично протестировал. Все работает. Наслаждайтесь!

Docent: Вот молодец Виде-о, видео-о..
нано-оміч: ещё бы приспособить под проигрывания видео с контакта. сейчас вконтакте отдаёт внешние ссылки, не требующие регистрации на самом сайте
Docent
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #4
Процитировать |

И сейчас видео не проигрывается? 


Docent: Суду все ясно Видеосервис VK имеет динамические ссылки, потому для каждого отдельного пользователя она будет новой Мне выдал ту, что заключена в тег в этом посте - Джыну выдала свою и тд..
Docent: И у меня видео играет, как и у него, а у остальных - нет
DzhYn: Подтверждаю. Видимо так и есть. Что ж, выход один - качать flv себе на машину, перезаливать на дропбокс и потом постить... Или просто давать ссылку. Пока что...
Docent: Было бы много проще, если бы форум поддерживал код
rekcuFniarВ: Было бы намного проще не маяться хернёй и выкладывать видео на нормальные сервисы, ютуб или дропбокс.
Docent: Либо было бы универсальнее, чтобы форум поддерживал код Тогда с любого сервиса можно видео публиковать
rekcuFniarВ: Ты предлагаешь для каждого быдлосервиса делать код?
Docent: Я предлагаю привить форуму восприимчивость к интерпретации HTML-кода. Это и будет универсальным ключом
Docent: Другое дело, что позволяет ли реализовать это движок форума..
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #5
Процитировать |


Docent: Код с сервиса?
DzhYn: Так... Рутюб работает... Попробую покопаться в коде форума и впендюрить VK, но пока не обещаю...
DzhYn: тэг [rutube]... Надо под него кнопку сделать...
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #6
Процитировать |

Кстати, для тех, кто не в курсе, опишу КНОПКИ УПРАВЛЕНИЯ плеером:
Пробел: пуск/пауза
Стрелки вверх/вниз: увеличить/уменьшить масштаб видео
Стрелки влево/вправо: навигация по таймлинии
Del: выключение звука
Колесо мыши: громкость



И еще одна фишечка (о которой кто-то меня как-то спрашивал и я обещал разрабам написать, и они исполнили эту просьбу):
При воспроизведении видео с ютюба в нижнем правом углу располагается лого ютюба, кликнув на которое вы попадаете на оригинальную страницу видео на ютюбе (пусть вас не смущает количество повторов слова "ютюб" в этом предложении ;D)

British: опять этот видео-ролик
DzhYn: Ну, работаю с собственным материалом
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #7
Процитировать |

Да, детка!!!
Запомните новый тег: [vk]
Как это работает:
На Вконтакте берем код видео, который выглядит так:
Нам нужен ТОЛЬКО URL, заключенный в скобки. Его то мы и обрамляем нашим новым тегом:
Код:
[vk]http://vk.com/video_ext.php?oid=51347334&id=148828596&hash=e406a95f3355f8bc&hd=1[/vk]

И получаем:
[vk]https://vk.com/video_ext.php?oid=51347334&id=148828596&hash=e406a95f3355f8bc&hd=1[/vk]
ЗЫ Кнопка в процессе, появится в ближайшее время.

Docent: Нет ничего невозможного Поздравляю с найденным решением
British: круто. Скоро через форумный видеоплейер можно будет пиццу на дом заказывать
rekcuFniarВ
Бог Форума
*****
Рейтинг: 3657

[Заценки]
[Комментарии]



\_( )_/

\_( )_/ https://github.com/rekcuFniarB/forum-theprodigy-ru/issues/153
Город:
Пол: Мужчина
Сообщений: 6202

Коды для встави аудио, видео с различных сайтов
Ответ #8
Процитировать |

Спасибо. Аналогичным образом можно вставлять и видео с ютуба.

Код:
[vk]http://www.youtube.com/embed/WTtOVa1DZJ8[/vk]



[vk]http://www.youtube.com/embed/WTtOVa1DZJ8[/vk]


И вообще, позволять всем использовать <iframe> небезопасно. Я могу встроить туда такой документ, который будет перенаправлять всех зашедших в топик на определённый сайт.
Например так, как я это сделал там: http://forum.theprodigy.ru/index.php?board=16;action=display;threadid=...
Причём это может сделать любой школьник, поверхностно знакомый с JS.

DzhYn: Все же, форум у нас так сказать "семейный" и узконапрвленный. Посему такой херней страдать вряд ли кто-то будет. А если будет - убрать тег так же просто, как и поставить его Кстати, отредактируй тот свой пост, а то народ испугается еще
rekcuFniarВ: А то тут подобной хернёй никогда не страдали Придёт Корпускул и перенаправит всех на свой corpuscul.net
rekcuFniarВ: Вспомните как он недавно уронил этот сервер
DzhYn: Ты, главное, не говори никому, что так можно кто не в курсе и не догадается, а кто в курсе думаю не будет гадить как попало. Тег полезный, жаль будет его выключать.
DzhYn: И удали уже свой пост во Флейме!
rekcuFniarВ: Пусть побудет до полуночи Хочу лулзов половить
DzhYn: Ну смотри. А то сверху придет директива тег вырубить - обидно будет.
Docent: Мне понравилось, что ныне отображается плеер нового типа с YouTube Даже WEBM проигрывается такъ
DzhYn: Пока что плюсов у нового тега больше, чем один минус (которых, на самом деле 2, но больших! Один уже Брейнфакер продемонстрировал, а второй пострашнее даже...)
rekcuFniarВ: Может тогда переименовать богомерзкий [vk] в [media] или [iframe]?
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #9
Процитировать |

Дорогие друзья.
Тег [vk] модифицирован.
Теперь это [media=x,y] (где x - ширина окна, а y - его высота, которые на кнопке по умолчанию будут соответствовать разрешению форумного плеера, то есть 500 на 375).


Примеры использования:
Видео с dailymotion.com:
Из адресной строки браузера берем ссылку:
http://www.dailymotion.com/video/xebbk3_yyyyy-htc-wildfire-htc-wildfir...
Обрезаем то, что после решетки, а перед "video/" добавляем "swf/" и обрамляем это все нашим тегом:
Код:
[media=500,375]http://www.dailymotion.com/swf/video/xebbk3_yyyyy-htc-wildfire-htc-wildfire-rev_tech[/media]

Получаем:



Видео с ютюба:
Да, у нас есть отдельный тег, но при его использовании воспроизводится не все видео с этого ресурса, а наш новый универсальный тег позволяет это исправить.
Как и в предыдущем случае, берем ссылку из адресной строки:

И вместо "watch?v=" пишем "embed/". Обрамив это нашим тегом, получаем (заметьте, я изменил разрешение окна):
Код:
[media=640,480]http://www.youtube.com/embed/RDNUq_5sV8w[/media]

И видим:



Далее, есть такой набирающий популярность среди наших форумчан сервис, как soundcloud.
Его плеер мы с легкостью размещаем на форуме посредством нового тега:
Нажав кнопочку share, мы получаем код плеера, который выглядит так:
Ой, как много всего лишнего! Нам из этого нужен только url, который в кавычках, причем без "мусора" в конце:
http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.co...
Его то мы и вставляем в наш тег, помня, что это аудиоплеер и ширину ему лучше сделать побольше, а высоту - в зависимости от того, одиночный это трек, или плейлист.
Оптимальные значения - 700 на 80 и дальше по нарастающей (в зависимости от количества треков в плейлисте, но не больше 200, ибо если даже все треки не влезут, появится полоса прокрутки):
Код:
[media=700,80]http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdzhyn%2Fdzhyn-rub-the-lamp[/media]


Код:
[media=700,200]http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fvuxbeast-011%2Fsets%2Fdemo-2010[/media]




Видео с "Вконтакте":
Все, как я описывал выше.
Берем код плеера (кхм... Если видео у вас во всплывающем окошке, то нужно "Перейти к комментариям", а там нажать кнопку "Получить код видео"):
Забираем из кавычек url, пхаем в наш тег:
Код:
[media=400,300]http://vk.com/video_ext.php?oid=15924659&id=142150740&hash=bd6fe4d463cde7ef[/media]

И видим:



Встраиваем видео с Яндекса:
Берем код плеера:
Код:
<object width="450" height="338"><param name="video" value="http://static.video.yandex.ru/lite/seilor-mun35/ognj4vf1p8.2306/"/><param name="allowFullScreen" value="true"/><param name="scale" value="noscale"/><embed src="http://static.video.yandex.ru/lite/seilor-mun35/ognj4vf1p8.2306/" type="application/x-shockwave-flash" width="450" height="338" allowFullScreen="true" scale="noscale"> </embed></object>

Из него забираем url:
Код:
[media=450,338]http://static.video.yandex.ru/lite/seilor-mun35/ognj4vf1p8.2306/[/media]

Получаем:



Применение данного тега может быть очень разнообразным.
С одной стороны, вам может быть лень что-то дописывать руками, или выискивать url без "мусора" и вы будете по старинке постить линки на страницу с медиаконтентом - дело ваше.
Однако, пост, в котором видео/аудио встроено и не нужно "ходить на сторону" ИМХО и смотрится лучше, и обсуждается живее

Если вы хотите вставить что-то откуда-то еще, экспериментируйте, или спросите здесь - как это сделать.
Пользуйтесь наздоровье 



rekcuFniarВ
Бог Форума
*****
Рейтинг: 3657

[Заценки]
[Комментарии]



\_( )_/

\_( )_/ https://github.com/rekcuFniarB/forum-theprodigy-ru/issues/153
Город:
Пол: Мужчина
Сообщений: 6202

Коды для встави аудио, видео с различных сайтов
Ответ #10
Процитировать |

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

http://listen.42fm.ru:8000/stealkill-3.0.ogg

Docent: Играет Chrome 6.0x
Docent: Роковщина всякая 8)
DzhYn: Играет. Отлично Хром 6
DzhYn: С размером не угадал - надо было делать хотя бы 400,80
DzhYn: Смэк в следующем посту
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #11
Процитировать |

Аудио с РГХоста в виде html5 (обратите внимание на внесенные в адрес изменения ;)):
И еще фишечка - вместо значений ширины и высоты можно писать auto.
Код:
[media=auto,auto]http://rghost.ru/download/action/2363946/mp3[/media]

[media=auto,auto]http://rghost.ru/download/action/2363946/mp3[/media]

LeStR: убери функцию автоматического включения воспроизведения
rekcuFniarВ
Бог Форума
*****
Рейтинг: 3657

[Заценки]
[Комментарии]



\_( )_/

\_( )_/ https://github.com/rekcuFniarB/forum-theprodigy-ru/issues/153
Город:
Пол: Мужчина
Сообщений: 6202

Коды для встави аудио, видео с различных сайтов
Ответ #12
Процитировать |

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

DzhYn: Все правильно сказал.
LeStR
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #13
Процитировать |

Джин обиделся и не отвечает?

DzhYn: Ответил в комменте к посту Брейнфакера. Он все сказал правильно. Убрать это нельзя, ибо не я автоплей включаю.
DzhYn
Гость

E-Mail
Коды для встави аудио, видео с различных сайтов
Ответ #14
Процитировать |

Значится так.
Кнопку рутьюба я убрал.
Тег, в принципе, остался - если что можно руками набить.
А можно зафигачить в тег media.
Нам нужен только номер, а сама ссылка будет выглядеть так:
http://video.rutube.ru/929c26049d4ed8db51923c6f92b95389
Результат:

climbatize92
Бог Форума
*****
Рейтинг: 5659

[Заценки]
[Комментарии]



04.03.2019

Skype: climbatize92
Город:
Сообщений: 8249

Коды для встави аудио, видео с различных сайтов
Ответ #15
Процитировать |

Зашел в эту тему и Firefox упал...


DzhYn: Хром тоже падает. Слишком много медиаконтента на автозапуске. Так бывает при злоупотреблении, но вроде уже все поняли, что злоупотреблять плохо.
British: у меня в Мозиле плагины послетали
Lucky_Ganesh: а у меня в ИЕ 9 полёт нормальный
Anzipex
Бог Форума
*****
Рейтинг: 8677

[Заценки]
[Комментарии]






Пол: Мужчина
Сообщений: 3288

Коды для встави аудио, видео с различных сайтов
Ответ #16
Процитировать |

COUB

1. На сайте coub под видео нажать embed, скопировать embed code, стереть всё до кавычек (включая их) и после первых кавычек (тоже включая их)
2. На форуме поместить полученный код в кнопку медиа (она правее кнопки youtube , смотря какой у вас скин форума)
3. Для лучшего варианта надо бы еще разрешение подредактировать. Там где был скопирован код указаны размеры, их нужно вставить вместо стандартных 500x375 (скажем по умолчанию при вставке media появляется строка с media=500,375, эти цифры нужно заменить на media=640,480). Таким образом картинка будет иметь правильное разрешение и вид

Код:
[media=640,359]http://coub.com/embed/5rsdjhu4?muted=false&amp;autostart=false&originalSize=false&hideTopBar=false&noSiteButtons=false&startWithHD=false[/media]

climbatize92: испарьте название темы
Anzipex: И на что заменить?
DzhYn: Размеры можно и не изменять, ибо при вставке важнее соотношение сторон, а оно в теге МЕДИА такое же, как и в предлагаемом кубиком коде, т.е. 4:3.
climbatize92: Коды для вставКи аудио, видео с различных сайтов - но это только в первом посту опечатка осталась. забей )
Страницы: [1] 2 Все Ответ | Уведомлять об ответах 
Показать последних комментариев к сообщениям в теме загрузить

Форум фанов Prodigy  |  Форумная жизнь  |  РедКоллегия

Тема: Коды для вставки аудио, видео с различных сайтов