banzai72

зацикленное видео на сайт

Recommended Posts

Делюсь наработкой.

Может кому пригодиться

Вместо кнопки или вместо картинки можно поставить зацикленное видео.

Я например использовал это для связи клиента с агентством. Видео больше привлечет внимания чем картинка. Оно лучше чем GIF. И оно без кнопок стоп или плей. Оно просто зациклено идет и всё создавая впечатления, что на том конце сайта реально сидит оператор.

Реализацию можно посмотреть здесь

TU4kDKlK-CA.thumb.jpg.689676f9144584cf9321b9a029c66587.jpg

 

Как делать:

  1. Запишите необходимый ролик, используя веб-камеру. 
  2. Используйте запись видео без звука. Убрать звук у видео вы можете здесь: http://convert-video-online.com/ru/
  3. Для обработки видеофайла желательно использовать сервис: http://video.online-convert.com/ru/convert-to-mp4
  4. Формат видео - MP4.
  5. Размер экрана: 110х110
  6. Битрейт видео - не нужен
  7. Размер файла - 2 Мб

Видеофайл я назвал videooperator.mp4

Полученный видеофайл я загрузил в public_html/template/frontend/real-spaces/audio/

Получилось public_html/template/frontend/real-spaces/audio/videooperator.mp4

В шаблоне right_sidebar.tpl  я вставил вот такой код:

<div class="img-polaroid"> <a href="{$estate_folder}/client/order/svyazatsya" target="_blank" class="btn btn"><video class="qc-avatar-video" muted="true" src="{$estate_folder}/template/frontend/{$current_theme_name}/audio/videooperator.mp4" autoplay="true" loop="true"></video>
        <div style="padding-top:5px;">
        <a href="{$estate_folder}/client/order/svyazatsya" onclick="return !window.open(this.href)" class="btn btn btn-primary">Помощь специалистов</a>
        </div>

Тем самым нужная страница открывается не только при нажатии на кнопку но и на видео

                 Свой видеофайл прилогаю

https://www.sitebill.ru/s/applications/core/interface/file/attachment.php?id=3287

________________________________________________________________________

Переход переносит на страницу заявки

Перед стандартной формой связи, здесь есть альтернативные способы связи

Соответственно контакты в коде меняете на свои

И Написать на сайте и заказать звонок вставляете свои ссылки на формы обратной связи, всплывающие окна или сторонние виджеты

urist.thumb.png.f7a37515184c9889d00d30a86e186765.png

<div class="widget sidebar-widget">
<h3 class="widgettitle"></h3>
</div>
  <h3>Позвоните нам по номеру телефона</h3>
<a href="tel:+79829757575"><h1>8(982)975-75-75</h1></a>
<div class="widget sidebar-widget">
<h3 class="widgettitle"></h3>
</div>
<h3>Выберите удобный для вас способ связи</h3>
<a title="Связатся через Viber" href="viber://chat?number=79829757575" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-viber.png" alt="Связатся через Viber" class="img-thumbnail"> Связатся через Viber</a>
<a title="Связатся через WhatsApp" href="https://api.whatsapp.com/send?phone=79829757575" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-watsapp.png" alt="Связатся через WhatsApp" class="img-thumbnail"> Связатся через WhatsApp</a>
<a title="Написать ВКонтакте" href="https://vk.com/im?sel=-17042789" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-vk.png" alt="Написать ВКонтакте" class="img-thumbnail"> Написать ВКонтакте</a>
<a title="Написать на почту" href="mailto:89829757575@mail.ru" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-email.png" alt="Написать на почту" class="img-thumbnail"> Написать на почту</a>
<a title="Написать на сайте" href="" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-napysat.png" alt="Написать на сайте" class="img-thumbnail"> Написать на сайте</a>      
<a title="Отправить СМС" href="sms:+79829757575" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-sms.png" alt="Отправить СМС" class="img-thumbnail"> Отправить СМС</a>
<a title="Позвонить нам" href="tel:+79829757575" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/CallButton.png" alt="Позвонить нам" class="img-thumbnail"> Позвонить нам</a>
<a title="Заказать звонок" href="" onclick="return !window.open(this.href)" class="btn btn"><img src="{$estate_folder}/template/frontend/{$current_theme_name}/images/multi-zvonok.png" alt="Заказать звонок" class="img-thumbnail"> Заказать звонок</a>
<h3></h3>
<div class="widget sidebar-widget">
<h3 class="widgettitle"></h3>
</div>
<h3>Напишите свой вопрос специалистам</h3>
<h3>Или просто укажите контактный номер и мы сами вам перезвоним!</h3>
{$form}
<hr />
<div class="widget sidebar-widget">
<h3 class="widgettitle"></h3>
</div>

videooperator.mp4

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Можете поделится куском кода отметить Избранное в 


Объекты недвижимости со схожими признаками

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
13 часа назад, Realtor сказал:

Можете поделится куском кода отметить Избранное в 


Объекты недвижимости со схожими признаками

Да хоть всем realty_view.tpl

realty_view.tpl(от 22.04.2018).txt

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас