В магазинах и маркетплейсах, кроме фото, можно показывать видео товаров. Движущееся изображение товара всегда привлекает внимание. А круговое вращение идеально покажет предмет со всех сторон.
Сделать такие видео даже проще, чем кажется. Вам понадобится отснять только один оборот. Видеофрагмент будет показываться с повторением, снова и снова - так создаётся впечатление бесконечного вращения.
Встраивание видео 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) При обрезке отснятого фрагмента подгоняем края к точке замедления вращения.
Что мы получим в результате: на вращающемся видео товар будет показываться с плавной приостановкой на своей лицевой стороне при каждом обороте.
Такой же эффект можно получить обработкой видео в редакторе, например:
Упрощенный вариант - короткие видео с вращением предмета
Неполное вращение быстро показывает ваш товар и не утомляет зрителя:
Короткие видео делать проще, файлы получаются меньше.
На сайте addspace.ru не осуществляется сбор или обработка персональных данных в соответствии с Законом 152-ФЗ
Видео с бесконечным вращением изображения на 360° - Съемка видео с вращением объекта - Вставка вращающегося видео на сайт - Зацикленное видео крутящийся объект
AddSpace.Ru
Пример 1
Бизнес для вас!
Нужна консультация по поворотному столу? Ответим на ваши вопросы:
