Автор: Администратор

Вставка музыки и видео на сайт

Здесь собраны рекомендации по встраиванию музыки и видео в посты и комментарии. Материал основан на личном опыте пользователей сайта!

Вставка треков из Яндекс.Музыки
Откройте альбом с нужным треком на сайте Яндекс.Музыки. Нажмите кнопку «Поделиться» напротив названия трека Далее...(именно трека, т.к. вставить сразу весь альбом не выйдет). После нажатия откроется меню, где нужно кликнуть «HTML-код». Откроется форма, где можно редактировать код для вставки и сразу смотреть, что получается. Далее скопируйте получившийся код и вставьте в пост.
Вставка видео с YouTube
Откройте на YouTube видео, которое хотите разместить в блоге. Рядом с лайками и дизлайками находится надпись «Поделиться». Нажмите, затем в выпавшем окошке выберите < > (Встроить). В появившемся окне справа сверху появится код, который можно выделить одним кликом, скопировать и вставить в пост, либо сначала отредактировать, а затем скопировать и вставить.
Вставка видео с Vimeo
Если вы видите видео с Vimeo где-либо кроме сайта Vimeo, кликните на «бумажный самолётик» (Share, Поделиться). Далее нажмите < / > (Получить код вставки). Скопируйте код из окна и вставьте в пост либо нажмите «Проанализировать эту вставку».
Если решили проанализировать вставку, видео откроется на сайте Vimeo. Там снова нажмите на «бумажный самолётик», чтобы открыть форму, где после нажатия «+Show options» код вставки можно будет редактировать.
Далее скопируйте и вставьте отредактированный код в пост.
Вставка видео с сайта ВКонтакте
Откройте видео, нажмите «Поделиться», в открывшемся окне переключитесь на «Экспортировать», а затем скопируйте и вставьте в свой блог код. Вы также можете выбрать размер встраиваемого видео из выпадающего списка внизу (на всякий случай лучше выбрать размер поменьше).
Альтернативный вариант: после открытия видео можно нажать кнопку «Ещё» и в открывшемся меню выбрать «Экспортировать».
Вставка видео с Facebook
Откройте видео, ищите иконку с тремя точками, кликайте. В зависимости от настроек приватности вы можете увидеть или не увидеть надпись «Встроить». Нажимайте – откроется окно с кодом. При необходимости внизу – ссылка на «Расширенные настройки».
Вставка из Instagram
Вместо вставок из Instagram используйте WEBSTA GRAM: код лаконичнее, нормально воспринимается нашим сайтом, а контент тот же; напрямую из инстаграма нельзя вставлять посты, потому что в них есть фрагменты Javasсriрt.

Если вы добавляете в пост сразу несколько видео или целую подборку треков, рекомендуется сворачивать списки треков и видеозаписей, используя одиночный «more» (ставите курсор туда, где начинается скрытый текст, и кликаете на «more», так что в итоге вместо скрытого текста появится активная надпись «продолжение следует»).
Если не использовать одиночный «more», пост получится тяжёлым и может затормозить работу вашего блога, а также лент сайта. То, что убрано под одиночный «more», загружается только при открытии свёрнутого текста. Это позволяет экономить трафик и увеличивать быстродействие сайта.
4

Комментарии

Кстати при подобной вставки видео из вконтакта получается чёрный квадратик и всё(
получается чёрный квадратик и всё(
Mallari, сейчас сама попробую

Вам видео видно или опять чёрные квадратики?

Администратор, видны, ура заработало)).
делаю всё, как сказано, в итоге ничего. Пустое место. Что не так?
делаю всё, как сказано
Arley, Вы сейчас про Вконтакте или про другое?
Покажите в комментарии образец кода.
Нет, я про этот блог.
Вот, к примеру ссылка из Я-музыки - то есть я нажимаю скопировать код и его вставляю в свой пост в блоге. Сохраняю - пост пустой.
Ну вот, я его и сейчас не вижу.
Arley, а я вижу. Может, у вас браузер старый?
Администратор,
Нет, 10. Яндекс. да что не так-то???
Arley, может, это адблок так сработал?
Страницы: 1 2 следующая →

Лучшее   Правила сайта   Вход   Регистрация   Восстановление пароля

Материалы сайта предназначены для лиц старше 16 лет (16+)