А знаешь, что сложно сделать свой сайт привлекательным и интересным для посетителей. Один из ключевых элементов — это видео! Однако, если у тебя нет знаний HTML/CSS, то может показаться, что добавление видео на сайт – это «mission impossible». В этой статье я расскажу тебе 5 простых способов добавить видео на свой сайт без знаний HTML/CSS.
Способ номер один: YouTube
Мы все знаем, что YouTube — это самый популярный видеохостинг в мире. Или нет? А знаешь ли ты, что можно добавлять видео прямо с YouTube на свой сайт? Это очень просто! Для этого тебе нужно всего лишь скопировать код iframe и вставить его в свой сайт. У меня есть опыт работы со множеством клиентов, которые используют этот метод для добавления видеороликов на свои сайты. И я могу сказать, что это один из самых простых способов добавить видео на сайт.
Чтобы сделать это, тебе нужно:
- Найти видеоролик, который ты хочешь добавить.
- Нажать на кнопку «Share» (Поделиться) и выбрать вариант «Embed» (Вставить).
- Копировать полученный код iframe.
- Вставить его в свой сайт.
Способ номер два: Vimeo
Вimeo — это другой популярный видеохостинг, который можно использовать для добавления видео на свой сайт. И процесс совсем не сложнее, чем с YouTube. Для этого тебе нужно:
- Нажать на кнопку «Share» (Поделиться) и выбрать вариант «Embed» (Вставить).
- Копировать полученный код iframe.
- Вставить его в свой сайт.
Способ номер три: Утилита Wix
Если ты работаешь с сайтом на площадке Wix, то у тебя есть возможность использовать built-in функцию добавления видео без знаний HTML/CSS. Для этого тебе нужно:
- Перейти к разделу «Главная страница» и нажать кнопку «Добавить элемент».
- Выбрать вариант «Видео».
- Нажать на кнопку «Из YouTube» или «Из Vimeo», чтобы добавить видео из этих платформ.
- Управлять размером и позиционированием видеоролика на странице.
Способ номер четыре: Плагин Jetpack
Если тебе нужен больше контроля над видом видеороликов, то можно использовать плагин Jetpack для WordPress. Для этого тебе нужно:
- Установить плагин Jetpack.
- Перейти к разделу «Видео» в настройках Jetpack.
- Вставить код iframe из YouTube или Vimeo.
Способ номер пять: Утилита Embedly
Embedly — это бесплатная утилита, которая позволяет добавлять видео с YouTube и Vimeo прямо на свой сайт без знаний HTML/CSS. Для этого тебе нужно:
- Перейти на сайт Embedly.
- Ввести URL видеоролика в строку поиска.
- Нажать кнопку «Embed».
- Копировать полученный код iframe и вставить его на свой сайт.
Пример добавления видео на свой сайт без знаний HTML/CSS
Предположение: Вам нужно добавить видео на страницу своего сайта, используя платформу WordPress. Вы уже знаете, как использовать интерфейс администрирования WordPress и хотите добавить видео с YouTube или Vimeo.
Шаг 1: Загрузка видео
Сначала загрузите видео на платформу YouTube или Vimeo. Нажмите кнопку «Загрузить» на сайте соответствующей платформы, выберите файл видео и следуйте инструкциям для его загрузки.
Шаг 2: Получение кода embed-код
После загрузки видео переходите на страницу видеоролика на YouTube или Vimeo. Нажмите кнопку «Embed» (Вставить) в правом верхнем углу страницы и выберите размер видеоролика, который хотите использовать на сайте.
На этой странице вы увидите код embed-код в формате HTML:
<iframe src="https://www.youtube.com/embed/VIDEO_ID" width="640" height="480"></iframe>
Шаг 3: Использование плагина WordPress
В WordPress существуют плагины, которые упрощают процесс вставки видео на сайт. Один из популярных плагинов — «Video Embed & Thumbnail Generator». Установите этот плагин и активируйте его.
Шаг 4: Вставка видео на страницу
После установки плагина переходите на страницу, где хотите добавить видео. Нажмите кнопку «Добавить» в панели инструментов WordPress и выберите тип элемента — «Embed». Затем вставьте код embed-код из YouTube или Vimeo.
Шаг 5: Настройка видеоролика
Плагин «Video Embed & Thumbnail Generator» автоматически сгенерирует изображение-миниатюру для видеоролика и добавит его на страницу. Вы можете изменить размеры видео и миниатюры, а также добавить текстовое описание к видеоролику.
После добавления видео на страницу вы увидите миниатюру видеоролика и кнопку «Просмотр» для просмотра полного видеоролика. Пользователи вашего сайта могут нажать на эту кнопку, чтобы просмотреть видеоролик прямо на сайте.
Поддержка автора осуществляется с помощью специальной формы ниже, предоставленной сервисом «ЮMoney». Все платёжные операции выполняются на защищённой странице сервиса, что обеспечивает их корректность и полную безопасность.
