При написании статьи иногда возникает необходимость вставить в нее видеоролик. Это можно сделать различными способами. Их сегодня мы и рассмотрим.
+ Щелкайте по фото, чтобы увеличить!
Самый простой способ - это гиперссылка: вы загружаете по FTP видеоролик на сервер, где у вас размещен сайт, например в созданную папку video. Потом в статье даете ссылку, примерно так - http://мой-сайт.ru/video/my-life.avi (конечно, делаете ссылку кликабельной). Либо ссылку прячете под анкором - определенное слово. Например: моя жизнь.
Вот так выглядит статья с обычными гиперссылками...
Такого рода ссылки удобны и хороши, но они имеют один недостаток - нет зрелищности... Поэтому идем дальше.
Дополнение: сразу хочу предупредить тех людей, которым просто нужен сайт - эта статья (и весь цикл статей), предназначен для тех, кто хочет самостоятельно научиться создавать сайты. Но большинству людей это не нужужно - особенно если речь идет о сайте компании, о бизнес-проекте... Я рекомендую им обратиться, например, https://onthetop.kz/sozdanie-sajtov-almaty - здесь профессоналы сделают всю техническую работу, ну и кроме того - что вам понадобится, тоже. В общем-то, это самый правильный подход: авторы должны писать тексты, фотографы снимать... то, чем каждый лучше всего умеет заниматься. Распылять свои силы, внимание и время на чуждое - это неэффективно!
Вставляем ролик в статью таким образом: закачиваем по FTP ролик на свой сайт - в любую удобную для вас папку, как говорил, например создаем папку video. Далее, открываем статью в редакторе. Выбираем в меню редактора Вставить - Видео - Адрес видео (как пример - http://мой-сайт.ru/video/my-life.avi). Формат avi лучше не использовать - mp4 намного лучше.
Здесь надо выбрать размер окна. При воспроизведении всегда можно открыть на весь экран.
Сохраняем статью и смотрим что получилось
Этот способ неплохой, и вполне, даже отлично работающий... однако у него есть один жирный минус - если у вас будут десятки и сотни видеороликов, и их просмотры будут частыми, то нагрузка на сервер вашего хостинга станет непосильной... Вы конечно можете выбрать другой тариф - все зависит конкретных задач. Но исходим из обычного, массового. Поэтому рассмотрим третий способ.
Этот способ - вставка видео со стороннего сервера. Наиболее предпочтительно с Ютуба. Разумеется, вы можете вставлять свои и чужие видеоролики. Этот способ наилучший, особенно если вы размещаете свое собственное видео... На Ютубе вы можете описывать статью, для которой снят ролик - продвигаете тем самым свой сайт, а с вашего сайта переходы на ютуб продвигают ваш Ютуб-канал...
Открываем ролик на Ютубе. Щелкаем Поделиться - копируем ссылку.
Открываем редактор, Вставить видео - вставляем ссылку.
В редакторе появляется картинка - можно задавать размер...
Не сработало...
Но - здесь мы получаем небольшую затрещину. Этот способ по какой-то причине не работает... В окне редактора видеоролик есть - как вы можете видеть на скриншоте, а вот сохранив статью и открыв ее в браузере не видим ничего...
Причина этого косяка пока не известна... перебробовал десятки различных способов - результат отрицательный. Поэтому переходим к последнему верному способу.
Этот способ тоже самое, что и первый способ - но вместо обычной ссылки или анкора, используется картинка - скриншот с ролика на ютубе с гиперссылкой на сам ролик. Щелкнув по нему, открывается страница на Ютубе с роликом. Именно этот способ я использую... за простоту и надежность.
+ Щелкните по изображению, чтобы просмотреть видео!
Скриншот надо делать именно такой – со всеми элементами проигрывателя, чтобы пользователь сразу понимал, что здесь именно видео. Ниже можно сделать надпись, как я это делаю - пример выше.
Итого. Для веб-сайтов, где будет десятка два или три видеороликов, небольших, целесообразно использовать второй способ. Если же вы планируете размещать много и очень много видео, очень высокого качества – FullHD или 4K – соответственно большого объема, то тут однозначно – размещать такое видео на Ютубе. А на своем сайте размещать скриншот видео, ссылка на котором отправляет посетителя на Ютуб.
К сожалению, движок PHP-Fusion 9.03 еще далек от совершенства... многие его пользователи, что называются "допиливают" код самостоятельно или с помощью веб-программистов, но, увы - не спешат делиться своими достижениями с другими людьми.
Я же в силу своих знаний и возможностей буду стараться хоть немного исправить эту ситуацию.
Удачи вам!
- Одностраничный сайт на PHP-Fusion 9.03.20 - заточенный под мобильные устройства, полная инструкция
Михаил Дмитриенко, 2019 г.