Встраивание медиа-контента на форум

[SerHen’ry 4 094]

Форум поддерживает вставку различного медиа с автоматической заменой. Для этого вам не нужно копировать какие-то отдельные куски адреса, вставлять их в специальные теги и тп. Просто копируете саму ссылку из поля адреса и вставляете её в форму ответа — она автоматически заменится (если данный сервис поддерживается). Полный список поддерживаемых сервисов ниже. 

Обновлено 18 ноября:
На данный момент форум поддерживает вставку медиа со следующих сервисов:
College Humor
Coub
Facebook
Flickr
Gfycat
Google+
Hulu
Instagram
Reddit
SoundCloud
Spotify
Ted
Twitter
Vimeo
Vine
YouTube

[SerHen’ry 4 094]

Собрал самые основные автозамены, какие у нас использовались на форуме. Часть удалил (что никогда не использовалось и которые перестали работать со временем).

Здесь высказывает ошибки и предложения по добавлению других ресурсов.

[Кто-то 315]

Интересно, что бы правильно отображалось видео на этом форуме, нужно в ссылке после http убрать букву s

А при попытке добавления этого клипа на LastFm без буквы s не проходит успешно, только с ней. Почему так?

[SerHen’ry 4 094]

Кто-то, да, есть такой момент. Не знаю, что насчёт ЛастФМ, но у нас в регулярном выражении «s» не обрабатывалась. Сейчас исправил этот баг, теперь должно быть нормально.

[Кто-то 315]

SerHen’ry, хорошо что исправил, уже стало проще)

[SerHen’ry 4 094]

В тестовом режиме добавил встраивание аудио с Promo DJ. Информация в первом посте топика.

[SerHen’ry 4 094]

Добавил встраивание роликов с Vine. Правда, оно с небольшими изъянами. Информация в первом посте топика.

[SerHen’ry 4 094]

Ютуб стал поддерживать видео в 60 фпс, но такие ролики не работают при встраивании со старым кодом. В результате пришлось перейти на новый код. Из минусов — видео по умолчанию будет показываться не в 720р, а будет зависеть от вашей интернет-скорости, но максимум — 360р. Переключиться на лучшее качество можно вручную, либо открыв видео в фуллскрин. Из плюсов — видео показывается не флешем, а хтмл5, поэтому многие заметят лучшую отзывчивость страницы и меньше лагов.

[SerHen’ry 4 094]

Добавлено встраивание видео с Coub. Информация в первом посте топика.

Также теперь при встраивании с SoundCloud отображается обложка.

[SerHen’ry 4 094]

Добавил встраивание видео с Rutube. Информация в первом посте.

[Кто-то 315]

SerHen’ry, когда уже можно будет встраивать с контакта?

[SerHen’ry 4 094]

Кто-то, скорее всего никогда. В идеале желательно парсить ссылку, вставленную из поля адреса браузера. Но для ВК там отсутствует парметр «hash», который есть в коде экспорта и необходим для встраивания. Если же копировать и втсавлять отдельные части из кода экспорта, то это неудобно. Для Rutube надо хотя бы одни лишь циферки копировать. Если же вставлять полностью код экпорта, то это тоже не очень удобно.

Плюс у ВК какое-то странное поведение, похожее на баг — если запустить загруженное видео и открыть окно экспорта, а потом запустить видео, вставленное из Ютуба, и открыть окно экспорта: то в нём будет код от предыдущего видео. Нужно будет обновить страницу и сразу запустить видео, вставленное из Ютуба — тогда в нём будет правильный код экспорта.

[Кто-то 315]

SerHen’ry, а как на счёт вставлять видео с КиноПоиска?

[SerHen’ry 4 094]

Ну так всё, что есть на Кинопоиске, есть и на том же Ютубе.

[SerHen’ry 4 094]

Добавил автозамену Стим-ссылок.

Пример ссылки:

httр://store.steampowered.com/app/339190

Результат:

http://store.steampowered.com/app/339190

[cbifhg 244]

Интересно а возможно ли добавить на форум встраивание треков Bandcamp? Насколько понял как-то возможно сделать.

Пример html:

<iframe style="border: 0; width: 100%; height: 120px;" src="https://bandcamp.com/EmbeddedPlayer/album=1238467475/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/artwork=small/track=155437219/transparent=true/" seamless><a href="http://cyan-music.bandcamp.com/album/exoplanet">Exoplanet by UnderlineWords</a></iframe>

[SerHen’ry 4 094]

Потом посмотрю.

[SerHen’ry 4 094]

В 25.10.2017 в 20:52, cbifhg сказал:

Интересно а возможно ли добавить на форум встраивание треков Bandcamp? Насколько понял как-то возможно сделать.

Не получится. К сожалению некоторые вещи были упразднены. Если раньше можно было создавать свои кастомные медиа-теги, то теперь такую возможность убрали, поэтому теперь часть прошлого медиа-содержимого отображается просто ссылкой. К SoundCloud это не относится, поскольку его поддержку сделали из коробки. НО. Новая версия движка должна выйти где-то в начале следующего года — возможно в ней как-то расширят поддержку вставки различного медиа или дадут возможность создавать свои медиа-теги. Поэтому до того времени я ничего делать не буду, а подожду. Если же они так ничего и не сделают, то я там видел в продаже одно расширение за $10, которое в определённой мере восстанавливает прежнюю функциональность кастомых медиа-тегов, так что можно будет его купить и сделать всё, как было раньше.

[SerHen’ry 4 094]

Оказывается, встраивание с Coub тоже работает. Добавил в список.