Как вставить видео и звук в запись

Самое простое: перетащить файл в текст

Откройте запись (новость, страницу) и перетащите файл прямо в поле текста — или нажмите «Файлы» (скрепка) над полем и выберите файл на компьютере. Сайт сам загрузит его и поставит в текст на место курсора: видео — видеоблоком, звук — звуковым плеером. Заходить в «Медиа» для этого не нужно.

• Видео: mp4 или webm. Звук: mp3, ogg, opus, wav, m4a или flac. Тип проверяется по самому файлу, а не по имени.
• Видео с YouTube и Vimeo не загружают: вставьте ссылку (ниже).

Кнопки «Видео» и «Звук» в редакторе

• В визуальном режиме на панели над текстом нажмите «Видео» или «Звук»: откроется окно. Для видео вставьте ссылку YouTube или Vimeo либо нажмите «Выбрать из медиатеки» и выберите уже загруженный ролик; затем «Вставить». Ролик встанет в текст на месте курсора.
• В режиме «Разметка» те же кнопки вставляют метку в место, где стоит курсор. Метки можно печатать и руками — они ниже.
• Блок с видео до нажатия ничего не грузит: у своего файла рисуется обложка, у YouTube и Vimeo — заглушка с названием сервиса, и страница не обращается к сервису, пока читатель не нажмёт. Это бережёт скорость страницы и приватность читателя.

Метки, если печатаете руками

Название дорожки для списка добавляют после черты: [audio]/uploads/…/file.mp3|Название[/audio].

Звук берётся только из загрузок этого сайта (путь начинается с /uploads/); чужой адрес в [audio] не принимается. В тексте посетителей (комментарии, форум) работают только ссылки на видеосервисы, а не номера из «Медиа» — иначе перебором номеров можно было бы узнать, какие ролики лежат в библиотеке.

Список дорожек

Несколько [audio] подряд собираются в один плеер со списком: с названием, кнопками «предыдущая» и «следующая», автопереходом на следующую дорожку, перемоткой, скоростью и громкостью. Название дорожки — после черты |. Место, где остановился слушатель, запоминается в его браузере и на сервер не уходит. Одиночный [audio] показывает ту же панель без списка. Без скриптов остаётся обычный плеер браузера.

Что умеет плеер видео

Для роликов из «Медиа» — собственная панель:

• пауза и пуск, перемотка на ±10 секунд, полоса перемотки с превью кадра и метками глав;
• громкость, скорость от 0,5× до 2×, субтитры, главы;
• картинка в картинке, полный экран, мини-плеер в углу, когда ролик играет, а страница прокручена мимо него;
• ссылка «с этого момента» (?t=), продолжение с того места, где остановились (хранится только в браузере читателя);
• двойное касание по краю кадра на телефоне — ±10 секунд;
• клавиатура: пробел или K — пауза, ←/→ — 5 секунд, J/L — 10 секунд, M — звук, F — полный экран, C — субтитры.

Видео YouTube и Vimeo идёт в их собственном плеере: показывается через их защищённый адрес (youtube-nocookie.com, player.vimeo.com).

Реклама в видео

Перед роликом, в середине или после него можно показывать рекламу — она выключена по умолчанию. Как включить и откуда берутся ролики — на странице «Реклама в видеоплеере».

Если не получается

• Кнопки «Видео» нет — включён режим без скриптов или редактор ещё не загрузился: напечатайте метку руками.
• Ролик не появился в тексте — проверьте, что метка стоит на отдельной строке, а номер в [video id=…] есть в «Медиа».
• Звук не играет — проверьте, что путь начинается с /uploads/ и файл с такой записью лежит на сайте.

Ещё один способ: через «Медиа»

Если файл нужен в нескольких записях или вы хотите заранее собрать библиотеку, загрузите его в разделе Медиа. Оттуда его выбирают кнопкой «Видео» («Выбрать из медиатеки») или ставят меткой [video id=12] по номеру, который виден в библиотеке.