Как это работает?

Заказчик на своё усмотрение может выбрать один из нескольких вариантов размещения контента на своём сайте. Воспользоваться готовым плеером:
Либо использовать технологическую платформу MEGAVISOR, которая дает возможность легко хранить, транслировать с высокой скоростью и интегрировать 3D-обзоры в Ваш сайт. Вот несколько очевидных преимуществ использования платформы MEGAVISOR по сравнению с вышеуказанными способами размещения контента: 
  1. 3D-обзор товара можно легко встроить в Ваш сайт.
  2. Плеер может быть брендирован Вашим логотипом.
  3. Внешний вид плеера легко настраивается под дизайн Вашего сайта.
  4. Кнопка, открывающая 3D-обзор, может быть любой картинкой.
  5. Возможность настройки отображения контента для конкретного URL. В случае встраивания 3D-обзоров на сторонних сайтах, контент отображаться не будет.
  6. Использование сети доставки контента, обеспечивающей высокую скорость доступа к информации для пользователей Вашего сайта.
  7. Хранение контента на серверах MEGAVISOR в зашифрованном виде.
  8. Защита передаваемой информации от несанкционированного использования.
  9. Обновление версий серверного ПО, постоянное совершенствование системы, реализация новых функций.
Нижеприведённые примеры Вы можете протестировать, вставив код на свой сайт. 
Каждый объект в базе MEGAVISOR имеет уникальный uuid. 
В данном случае uuid = 8f24e423-68ca-4063-8bf4-38a6399d7d5d

Первый способ - вставка 3D-обзора в тело сайта:
В необходимое место на странице просто вставляется код плеера, соответствующий конкретному объекту.

<iframe allowfullscreen="" frameborder="0" height="384" src="http://media.megavisor.com/player/embed?8f24e423-68ca-4063-8bf4-38a6399d7d5d" webkitallowfullscreen="" width="512"></iframe>

Пример:


Второй способ - всплывающее окно 3D-обзора после клика по картинке:
Для реализации этого способа потребуется выполнить несколько шагов.

  1. Откройте шаблон Вашего сайта в html редакторе.
  2. Добавьте код в тег html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns:megavisor="http://megavisor.com/namespace/0.1">


    Этот пункт необходим для корректной работы Megavisor Javascript API на браузерах Internet Explorer версии 8 и ниже.
  3. Подключите Megavisor JavaScript API в конце секции head:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns:megavisor="http://megavisor.com/namespace/0.1">
    <head>
    ...
    <script text="text/javascript" src="http://media.megavisor.com/player/api.js"></script>
    </head>
    <body>
    ...
    </body>
    </html>
  4. Разместите теги Megavisor Javascript API в теле страницы, там где вы хотите установить плеер:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns:megavisor="http://megavisor.com/namespace/0.1">
    <head>
    ...
    <script text="text/javascript" src="http://media.megavisor.com/player/api.js"></script>
    </head>
    <body>
    ...
    <megavisor:popup backgroundcolor="#000" backgroundopacity="0.5" bordercolor="#fff" borderweight="5" playerheight="480" playerwidth="640" uuid="5804dd03-1824-45c1-8295-f7ea6388a389"><img border="0" height="480" src="http://4.bp.blogspot.com/-zwK7oDruuOw/TwwpNDzWCVI/AAAAAAAAOQg/eAe3nfgz1fY/s1600/Acer_Aspire_Z1800.jpg" width="640" /></megavisor:popup>

    <megavisor:button uuid="5804dd03-1824-45c1-8295-f7ea6388a389" playerWidth="512" playerHeight="384"></megavisor:button>

    <megavisor:player uuid="5804dd03-1824-45c1-8295-f7ea6388a389" width="400" height="300"></megavisor:player>

    ...

    Примеры:









Подробное описание способов интеграции 3D-витрины для вебмастеров.