Документерра: руководство пользователя

Вставка видеороликов

Чтобы сделать онлайн-документацию более интерактивной, информативной и визуально привлекательной, можно попробовать вставить в нее видеоролики.

Как правило, такой визуальный контент очень помогает объяснить читателям некоторые сложные моменты вашей документации. 

В Документерре можно добавлять видео с таких популярных веб-сервисов, как Vimeo, YouTube, и Screencast.com.



Вставка видео с YouTube

YouTube — крупнейший сервис обмена видео, и Документерра имеет специальную функцию для работы с ним. При добавлении видео с сайта YouTube появляется набор дополнительных опций.

Чтобы вставить видео с YouTube:

  • Перейдите на вкладку Вставка на панели инструментов редактора.
  • Щелкните Вставить видео с YouTube... в разделе Мультимедиа.    
    Кнопка «Вставить видео» на вкладке «Вставка» в верхней панели
  • Вставьте URL-адрес видео, скопированный с сайта YouTube, в открывшееся диалоговое окно Вставить видео с YouTube.
    Вставьте URL-адрес видеоролика в диалоговое окно «Вставить видео с YouTube».
  • Появится предварительный просмотр видео с YouTube .
    Предпросмотр видео с YouTube
  • Поставьте галочку в чекбоксе Дополнительные параметры в левом нижнем углу, чтобы настроить параметры видео с YouTube.
    Чтобы настроить дополнительные параметры, установите галочку «Дополнительные параметры» в диалоговом окне «Вставить видео с YouTube»
  • На вкладке Настройки стиля можно задать положение видеоролика на странице, присвоить ему CSS-класс и т.д.
    Настройки стиля в диалоговом окне «Вставить видео»
  • Нажмите OK.

Вставка видео с Vimeo

Чтобы добавить видео с сайта Vimeo на страницу справки, сделайте следующее:

  • Откройте панель инструментов Vimeo.
  • Откройте видео.
  • Нажмите кнопку «Поделиться».
    Кнопка «Поделиться» на панели инструментов Vimeo
  • Скопируйте код для вставки.
    Скопируйте код для вставки видео с Vimeo
  • Откройте страницу в Документерре.
  • Щелкните Индивидуальная настройка HTML.
    Нажмите кнопку «Индивидуальная настройка HTML» на вкладке «Вставка» в верхней панели.
  • Вставьте код.
  • Нажмите OK.

Вставка видео с сайта Screencast.com

Чтобы добавить на страницу справки видео с сайта Screencast , сделайте следующее:

  • Откройте панель инструментов Screencast.
  • Наведите курсор мыши на видеоролик.
  • Нажмите кнопку Поделиться.
    Кнопка «Поделиться» на панели инструментов Screencast
  • Скопируйте код для вставки.
    Нажмите кнопку «Копировать», чтобы скопировать код для вставки видеоролика с сайта Screencast
  • Откройте страницу в Документерре.
  • Щелкните Индивидуальная настройка HTML.
    Кнопка «Индивидуальная настройка HTML» на вкладке «Вставка» верхней панели.
  • Вставьте код.
  • Нажмите OK.

Вставка видео из файлового менеджера Документерры

  1. Выберите видеофайл. Как правило, он имеет расширение/тип файла MP4.
  2. Откройте Диспетчер файлов в системе Документерра, создайте папку Видео, чтобы иметь единое место хранения всех видеоматериалов.
    Кнопка «Диспетчер файлов» в главном меню страницы «Проекты»
  3. Загрузите файл MP4 в папку.
  4. После того как файл загружен, щелкните на нем, и вы сможете скопировать его полный URL-адрес из поля в нижней части диалогового окна Диспетчер файлов. Теперь у вас есть URL-адрес видеофайла, и можно продолжать.
  5. Откройте страницу, в которую вы хотите вставить видео.
  6. Сделайте новую строку в месте, где должно быть видео.
  7. На панели инструментов редактора перейдите на вкладку Вставка и выберите пункт Индивидуальная настройка HTML.
    Кнопка «Индивидуальная настройка HTML» на вкладке «Вставка» верхней панели.
  8. Вставьте код в появившееся диалоговое окно:
    HTML
    <video width="700px" controls="">
    <source src="/resources/Storage/video/sample-video.mp4" type="video/mp4">
    Your browser does not support the video tag.
    </video>
    Возможно, потребуется изменить некоторые части приведенного выше кода, например, ширину видео в пикселях или URL-адрес видео (если имя или путь к нему изменились). Но структура кода останется прежней — это всего лишь один видеотег.
  9. Нажмите Ok в диалоговом окне Индивидуальная настройка HTML, разблокируйте страницу, и вы увидите встроенное видео.

Вот и все, видеоролик добавлен.