В магазинах и маркетплейсах, кроме фото, можно показывать видео товаров. Движущееся изображение товара всегда привлекает внимание. А круговое вращение идеально покажет предмет со всех сторон.
Сделать такие видео даже проще, чем кажется. Вам понадобится отснять только один оборот. Видеофрагмент будет показываться с повторением, снова и снова - так создаётся впечатление бесконечного вращения.
Встраивание видео 360 на сайт
Два основных способа:
1) Видео показывается прямо на странице вашего сайта.
Здесь:
video/your_video.mp4 - ссылка на ваш видеофайл width="450" - ширина окна в пикс. autoplay - воспроизводить автоматически muted - если на видео звук был, он отключится loop - бесконечное зацикливание видео
Подготовленные видео вы выкладываете на видеохостинг и получаете код-ссылку для встраивания на ваш сайт. Остаётся только корректно встроить код.
Kinescope
Пример вставки видео с сайта Kinescope. Для начала воспроизведения нажмите пуск:
Можно открыть это видео в отдельном окне:
В личных настройках Kinescope можно дополнительно настроить свой видеоплеер: убрать полосу прокрутки и включить зацикливание (по окончании видео - проиграть заново) и т.д. Здесь так и сделано.
С ВК всё очень просто, но есть неприятности при показе на мобильном устройстве.
Для загрузки найдите кнопку «Видео» (добавить видео), укажите загружаемый видеофайл, в настройках включите «Зацикливать воспроизведение видео», разрешите публичный просмотр и сохраните. Всё, видео загружено на ВК.
Чтобы получить код-ссылку для встраивания этого видео на ваш сайт кликните по загруженному видео - окно раскроется на весь экран. Теперь нажмите правой кнопкой мыши на видео и выберите в меню пункт «Копировать код для встраивания».
Вставьте этот код на страницу вашего сайта
Ограничение и недостаток видеоплеера ВК: зацикливание может не работать на мобильном устройстве, в некоторых браузерах видео остановится.
А если применить Youtube?
Видеохостинг Youtube для такого применения, вероятно, не очень подходит - показывает много лишнего. Пример короткого видео с Youtube в отдельном окне:
Сервисы Дзен и Rutube тоже не рекомендуем для видео с постоянным вращением.
Как снять вращающееся видео
Попробуйте сделать вращающееся видео мобильным телефоном. Это совсем просто. Есть специализированные приложения, например: GIF Maker & GIF Editor & Video Maker
Приложение позволит вам отснять видео, обрезать его, подредактировать, и сохранить готовый результат: видео или GIF анимацию.
На вращающемся видео может быть заметна кратковременная остановка на "стыке" - особенность воспроизведения видео. Эту остановку можно обыграть на пользу делу: сделать красивую плавную приостановку вращения в правильном месте.
Сделаем так:
1) Начинаем съемку вращения с самого выигрышного ракурса (с лицевой стороны предмета).
2) В начале оборота плавно набираем скорость вращения, далее крутим равномерно.
3) В конце оборота замедляем и останавливаем чуть дальше, чем один полный оборот.
4) При обрезке отснятого фрагмента подгоняем края к точке замедления вращения.
Что мы получим в результате: на вращающемся видео товар будет показываться с плавной приостановкой на своей лицевой стороне при каждом обороте.
Такой же эффект можно получить обработкой видео в редакторе, например:
Упрощенный вариант - короткие видео с вращением предмета
Короткие "живые" видеоролики с бесконечным движением тоже отлично показывают ваш товар. Вращение объекта неполное, но не менее выразительное.
Короткие видео делать проще, файлы получаются меньше.
Высокая производительность, несколько режимов работы, Bluetooh управление. Рассчитаны на большую нагрузку, в т.ч. на съемку людей. Возможна синхронизация с фотокамерой
На сайте addspace.ru не осуществляется сбор или обработка персональных данных в соответствии с Законом 152-ФЗ
Видео с бесконечным вращением изображения на 360° - Съемка видео с вращением объекта - Вставка вращающегося видео на сайт - Зацикленное видео крутящийся объект