Автор
|
Тема: Коды для вставки аудио, видео с различных сайтов (Просмотрено 16968 раз)
|
|
|
DzhYn
|
|
Коды для вставки аудио, видео с различных сайтов
# 24 апреля 2010, 18:23:57
|
Процитировать
|
Дорогие друзья, рад вам сообщить, что на форуме появился свой видеоплеер, воспроизводящий флеш-видео и 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] |
|
Как видите, ему пофиг, откуда ваше видео играть - хоть с дропбокса, хоть с ютюба, хоть с любого источника, где вы сможете достать ПРЯМУЮ ССЫЛКУ (способов сделать это очень много).
Кнопка "Скачать" естественно РАБОТАЕТ (и в случае с ютюбом - тоже).
Кнопка в форме ответа - в процессе разработки.
Спасибо за внимание!
|
|
|
|
DzhYn
|
Действительно нужная вещь. Кнопка в форме ответа по-любому нужна - даже более, необходима ) Спасибо
|
|
ХОДИ СЮДЫ!!!
|
|
|
|
break-D
|
Плохо, что форумный видеоплеер не показывает название видео как ютубовский плеер, неудобно.
Можно реализовать показ названия видео?
|
|
|
|
DzhYn
|
ВНИМАНИЕ!
Обновления в интерфейсе плеера!
Изменения коснулись 3 последних значков в его панели управления:
1. Пиктограмма "i" - при нажатии на нее вы получите ОКНО С ПРЯМОЙ ССЫЛКОЙ НА ФАЙЛ, либо со ССЫЛКОЙ НА ИСТОЧНИК ВИДЕО (в случае, если видео взято с ютюба). При нажатии кнопкой мышки на эту ссылку, она автоматически копируется в буфер обмена и дальше вы вольны делать с ней, что хотите.
2. Следующая пиктограмма - ПОЛНОЭКРАННЫЙ РЕЖИМ! Да, он теперь РАБОТАЕТ!
3. Знакомая вам стрелочка вниз - команда для ЗАГРУЗКИ. Если в плеер встроена прямая ссылка на видео, загрузка начнется сразу. Если встроено видео с ютюба, вы попадете на страницу извлечения ссылок с него с выбором качества.
Все лично протестировал. Все работает. Наслаждайтесь!
|
|
|
|
Docent
|
И сейчас видео не проигрывается?
|
|
|
|
|
DzhYn
|
Кстати, для тех, кто не в курсе, опишу КНОПКИ УПРАВЛЕНИЯ плеером:
Пробел: пуск/пауза
Стрелки вверх/вниз: увеличить/уменьшить масштаб видео
Стрелки влево/вправо: навигация по таймлинии
Del: выключение звука
Колесо мыши: громкость
И еще одна фишечка (о которой кто-то меня как-то спрашивал и я обещал разрабам написать, и они исполнили эту просьбу):
При воспроизведении видео с ютюба в нижнем правом углу располагается лого ютюба, кликнув на которое вы попадаете на оригинальную страницу видео на ютюбе (пусть вас не смущает количество повторов слова "ютюб" в этом предложении ;D)
|
|
|
|
DzhYn
|
Да, детка!!!
Запомните новый тег: [vk]
Как это работает:
На Вконтакте берем код видео, который выглядит так:<iframe src="https://vk.com/video_ext.php?oid=51347334&id=148828596&hash=e406a95f3355f8bc&hd=1" width="607" height="360" frameborder="0"></iframe> |
|
Нам нужен ТОЛЬКО 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]
ЗЫ Кнопка в процессе, появится в ближайшее время.
|
|
|
|
rekcuFniarВ
|
Спасибо. Аналогичным образом можно вставлять и видео с ютуба.
[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
|
Дорогие друзья.
Тег [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, мы получаем код плеера, который выглядит так:<object height="81" width="100%"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdzhyn%2Fdzhyn-rub-the-lamp&secret_url=false"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdzhyn%2Fdzhyn-rub-the-lamp&secret_url=false" type="application/x-shockwave-flash" width="100%"></embed> </object> <span><a href="http://soundcloud.com/dzhyn/dzhyn-rub-the-lamp">DzhYn - Rub The Lamp</a> by <a href="http://soundcloud.com/dzhyn">dzhyn</a></span>
|
|
Ой, как много всего лишнего! Нам из этого нужен только 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] |
|
Видео с "Вконтакте":
Все, как я описывал выше.
Берем код плеера (кхм... Если видео у вас во всплывающем окошке, то нужно "Перейти к комментариям", а там нажать кнопку "Получить код видео"):<iframe src="https://vk.com/video_ext.php?oid=15924659&id=142150740&hash=bd6fe4d463cde7ef" width="607" height="360" frameborder="0"></iframe> |
|
Забираем из кавычек 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 без "мусора" и вы будете по старинке постить линки на страницу с медиаконтентом - дело ваше.
Однако, пост, в котором видео/аудио встроено и не нужно "ходить на сторону" ИМХО и смотрится лучше, и обсуждается живее
Если вы хотите вставить что-то откуда-то еще, экспериментируйте, или спросите здесь - как это сделать.
Пользуйтесь наздоровье
|
|
|
|
|
DzhYn
|
Аудио с РГХоста в виде html5 (обратите внимание на внесенные в адрес изменения ;)):
И еще фишечка - вместо значений ширины и высоты можно писать auto.
[media=auto,auto]http://rghost.ru/download/action/2363946/mp3[/media] |
|
[media=auto,auto]http://rghost.ru/download/action/2363946/mp3[/media]
|
|
|
|
rekcuFniarВ
|
В теге media невозможно отключить автовоспроизведение. Потому что этот тег всего лишь вставляет в страницу фрейм с внешним контентом. Как на вставленном ресурсе сделано воспроизведение, так тут и будет играть.
|
|
|
|
LeStR
|
Джин обиделся и не отвечает?
|
|
|
|
|
|
Anzipex
|
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&autostart=false&originalSize=false&hideTopBar=false&noSiteButtons=false&startWithHD=false[/media] |
|
|
|
|
|
Показать последних комментариев к сообщениям в теме
|
|