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

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

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

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

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
Участник Форума
**
Рейтинг: 635

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

Отключен





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

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

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

DzhYn
Гость

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

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

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

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

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

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


Docent: Суду все ясно Видеосервис VK имеет динамические ссылки, потому для каждого отдельного пользователя она будет новой Мне выдал ту, что заключена в тег в этом посте - Джыну выдала свою и тд..
Docent: И у меня видео играет, как и у него, а у остальных - нет
DzhYn: Подтверждаю. Видимо так и есть. Что ж, выход один - качать flv себе на машину, перезаливать на дропбокс и потом постить... Или просто давать ссылку. Пока что...
Docent: Было бы много проще, если бы форум поддерживал код
rekcuFniarB: Было бы намного проще не маяться хернёй и выкладывать видео на нормальные сервисы, ютуб или дропбокс.
Docent: Либо было бы универсальнее, чтобы форум поддерживал код Тогда с любого сервиса можно видео публиковать
rekcuFniarB: Ты предлагаешь для каждого быдлосервиса делать код?
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: круто. Скоро через форумный видеоплейер можно будет пиццу на дом заказывать
rekcuFniarB
Администратор
*****
Рейтинг: 2939

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

Отключен




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

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

*****
Рейтинг: 4016

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

Отключен






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

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

Если уж благодаря новому тегу можно вставлять всякие разные медиа-штуки, то предлагаю (если возможно) сделать регулировку размеров окна - например, как сейчас у тега "youtube" можно регулировать размеры:

Код:
[youtube=500,375][/youtube]



Для чего? Вот здесь есть пример с моим сообщением в теме "Проекты". Если бы размер можно было бы регулировать, то саундклаудовский виджет смотрелся бы немного аккуратнее, без лишнего пустого места внизу

DzhYn
Гость

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

Дорогие друзья.
Тег [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 без "мусора" и вы будете по старинке постить линки на страницу с медиаконтентом - дело ваше.
Однако, пост, в котором видео/аудио встроено и не нужно "ходить на сторону" ИМХО и смотрится лучше, и обсуждается живее

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



rekcuFniarB
Администратор
*****
Рейтинг: 2939

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

Отключен




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

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

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

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

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

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

Аудио с РГХоста в виде 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: убери функцию автоматического включения воспроизведения
rekcuFniarB
Администратор
*****
Рейтинг: 2939

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

Отключен




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

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

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

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

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

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

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

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

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

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

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

Отключен



CS просто класс


Сообщений: 7948

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

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


DzhYn: Хром тоже падает. Слишком много медиаконтента на автозапуске. Так бывает при злоупотреблении, но вроде уже все поняли, что злоупотреблять плохо.
British: у меня в Мозиле плагины послетали
Lucky_Ganesh: а у меня в ИЕ 9 полёт нормальный
Страницы: [1] 2 Все Ответ | Уведомлять об ответах 
Показать последних комментариев к сообщениям в теме загрузить

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

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