Справедливое предупреждение: я не эксперт в этом деле, я просто играю с видео в Интернете и решаю некоторые проблемы, которые возникают при демонстрации видеоклипов в сообщениях в блогах.
У меня есть симулятор iOS в этом видео, и я помещаю HTML-тег видео в базовый HTML-документ для быстрого видео, которое я записал с помощью Kap.
С видео нужно учесть множество вещей:
- Давая ему контроль! Как и в
. Обратите внимание, что в видео мне потребовалась минута, чтобы понять, почему видео вообще не отображалось на мобильных устройствах, пока оно не появилось. - Воспроизведение видео в режиме онлайн, например
, что не дает ему перейти в полноэкранный режим на мобильном устройстве, как только вы его воспроизведете. - Плавный размер и соотношение сторон.
- Где его разместить. Ваш веб-сервер в порядке? Должен ли он быть на CDN? Стоит ли использовать медиа-хост, специализирующийся на подобных вещах? В видео я помещаю его на Droplr, что удобно, затем на CodePen Asset Hosting, что тоже удобно, и, в конечном итоге, на Cloudinary, потому что он может делать такие необычные вещи, как оптимизация и обработка форматов.
- Убедиться, что видео выглядит как чертово видео. На мобильном, если вы используете
это означает, что плакат:. В противном случае вы получите пустое белое ничего. Иногда одного этого стоит использовать в качестве помощника.
Конечно, вы можете просто загрузить видео на YouTube или что-то еще и получить хорошую обработку видео бесплатно. Но YouTube не всегда подходит для крошечных демонстрационных видео, с которыми я имел дело здесь. Кроме того, они тяжелые, поэтому вам может показаться, что их загружать лениво.
В конечном итоге мы смотрим на studio.cloudinary.com. Он может делать некоторые изящные вещи, например, предлагать настраиваемый проигрыватель и выполнять потоковую передачу с адаптивным битрейтом, что является необычным и действительно кажется важным для наилучшего качества видео.