У нас на форуме используется тег media, который является очень мощным инструментом. Он предназначен для отображения видео, аудио и других мультимедиа-объектов прямо на странице форума. Для этого достаточно просто поместить ссылку на ресурс в тег media. Однако для некоторых ресурсов ссылку нужно брать специфическим образом.
Список ресурсов, который предоставлен разработчиком плагина, представлен далее. Список может быть расширен и исправлен по вашим пожеланиям, как дойдут руки.
Зеленый цвет - проверялось и работает.
Черный цвет - не проверялось.
Красный цвет - проверялось и сразу заставить работать не удалось.
Адрес из кода встраивания означает, что нужно найти кнопку вида "поделиться", "код для встраивания" или нечто подобное, найти там ссылку вида
http://XXXX.xx и использовать уже ее.
Аудио:- soundcloud.com — ссылка на страницу трека и ссылка из кода встраивания (X,81)
- promodj.com — ссылка на страницу трека, ссылка на скачивание и ссылка из кода встраивания (X,70)
- muzebra.com (z-music.org, z-mc.ru) — ссылка на трек и ссылка из кода встраивания (появляются при клике по кнопке «поделиться» у трека)
- prostopleer.com — ссылка на трек и ссылки из кода встраивания (новый и старый вариант) (X, 42)
- music.yandex.ru — ссылка на страницу с треком (только для тех треков, что поддерживают это)
- файлы WAV, MP3, OGG, OGA, AAC и M4A через HTML5 <audio> (300, 30)
Видео:- youtube.com (youtu.be) — плейлисты также поддерживаются (640, 390)
- vimeo.com
- rutube.ru — только адрес из кода встраивания
- vk.com (vkontakte.ru) — только адрес из кода встраивания
- facebook.com
- video.mail.ru
- smotri.com
- dailymotion.com
- ustream.tv — поддерживаются и записи, и трансляции
- twitch.tv — поддерживаются и записи, и трансляции
- video.qip.ru (перенаправляет на smotri.com)
- ted.com
- vine.co
- coub.com
- video.yandex.ru — только адрес из кода встраивания
- video.bigmir.net
- tvigle.ru — только адрес из кода встраивания
- video.online.ua
- video.sibnet.ru
- yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки) (x,x)
- megogo.net
- intv.ru
- lovi.tv
- metacafe.com
- veevr.com
- myvideo.de
- clipfish.de
- own3d.tv
- hulu.com — только адрес из кода встраивания
- pinkbike.com
- mpora.com
- файлы WebM, OGV и MP4 через HTML5 <video>
Другое:- docs.google.com (документы, изображения, таблицы) (только адрес на публикацию)
- maps.google.com (карты, панорамы)
- openstreetmap.org (карты)
- 360cities.net (панорамы)
- dermandar.com (панорамы)
- picasaweb.google.com (слайдшоу из галереи)
- connect.garmin.com (GPS-треки)
- endomondo.com (маршруты)
- gpsies.com (GPS-треки)
- bikemap.net (GPS-треки)
ПримерПриведем пример, как вставить видео с vk.com.
1. Открываем видео.
2. Находим там кнопку "Экспортировать".
3. В открывшемся окне видим в поле "Код для встраивания" следующее:
<iframe src="//vk.com/video_ext.php?oid=72950651&id=170497798&hash=f5c659650a78f6c6&hd=2" width="853" height="480" frameborder="0"></iframe>4. Копируем ссылку
//vk.com/video_ext.php?oid=72950651&id=170497798&hash=f5c659650a78f6c6&hd=25. Эту ссылку вставляем в тег media (при желании задаем размеры: в примере 320х180) и следим, чтобы она начиналась с http://
[media=320,180]http://vk.com/video_ext.php?oid=72950651&id=170497798&hash=f5c659650a78f6c6&hd=2[/media]6. И получается:
