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

[banzai72 32]

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

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

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

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

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

 

Как делать:

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

________________________________________________________________________

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

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

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

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

<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

[Realtor 47]

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

---

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

[banzai72 32]

13 часа назад, Realtor сказал:

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

---

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

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

realty_view.tpl(от 22.04.2018).txt