Видео в статье поверх PopUp всплывающего окна. Как это исправить?

  Автор:
  3742
Видео в статье поверх PopUp всплывающего окна. Как это исправить?

Сегодня очень популярно устанавливать на бизнес блоги и млм центры PopUp окно (всплывающее окно) с формой подписки на рассылку. Такое окно появляется, когда  посетитель собирается уйти с блога или закрыть окно браузера.

Такое  всплывающее окно очень эффективно работает на бизнес блогах и млм центрах, где одной из главных задач блога является подписать посетителя на рассылку:). Не для кого уже не секрет, что деньги в подписном листе, поэтому  грех не использовать возможность увеличить конверсию своего бизнес блога или млм центра.

Но моя статья сегодня не об этом. Те, кто уже поставили себе такое окно (или заказали у меня установку), столкнулись с тем, что видео , размещенное на блоге статьях остается поверх всплывающего окна, и тем самым видео закрывает PopUp. На скриншоте можно увидеть как это выглядит.

Видео поверх попап окна

Согласитесь, выглядит не очень… и теряется весь смысл окна. Ведь первое правило подписной формы (пусть даже в таком виде):  «Подписчика НИЧЕГО не должно отвлекать от подписки».

Чтобы решить эту проблему и отправить видео под PopUp нужно сделать следующее:

Редактируем существующую запись с видео:

    1. Зайти в админку блога
    2. Oткрыть для редактирования запись с видео
    3. Переключить редактор в HTML режим
    4. Найти код видео:
    5. Найдите строчку в коде, которая начинается с <embed.

Она может выглядеть так:

<embed src=»http://www.youtube.com/v/gXol1Vpdv-U?fs=1&amp;hl=ru_RU» type=»application/x-shockwave-flash» allowscriptaccess=»always» allowfullscreen=»true» width=»480″ height=»385″>
    1. Перед закрывающим символом «>» Добавьте следующую строчку: wmode=»opaque»

В измененном виде код должен выглядеть так:

<embed src=»http://www.youtube.com/v/gXol1Vpdv-U?fs=1&amp;hl=ru_RU» type=»application/x-shockwave-flash» allowscriptaccess=»always» allowfullscreen=»true» width=»480″ height=»385″ wmode=»opaque»>
  1. Сохраните запись

Создание новой записи с видео:

    1. Зайти в админку блога
    2. Раздел «Записи»=>» Добавить новую»
    3. Написать заголовок записи
    4. Скопировать код на YouTube

* Обратите внимание, сейчас YouTube предлагает новый код для вставки видео на блог.  Он короче и начинается с тега iframe. В нашем случае нужно использовать старый способ вставки кода. Для этого на YouTube перед копированием кода включите опцию Use old embed code (под кодом, третья опция)

 

  1. Вернуться на блог и вставить код в запись в режиме HTML
  2. Далее добавить в код строчку wmode=»opaque» как описано выше в пунктах 5,6
  3. сохраните запись

На этом все. Надеюсь статья будет полезна для вас. Если Вы хотите установить подобное окно у себя на Бизнес-Блоге или млм центре, не стесняйтесь, обращайтесь. Окно можно приобрести здесь .

Видео в статье поверх PopUp всплывающего окна. Как это исправить?

   1 голос
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Оставьте свой комментарий:
18 комментариев
  1. Анфиса, спасибо большое. А я уже думала, то ли окно убрать, то ли видео))) А теперь все вместе дружно живут на блоге. Только после просмотра видео раньше вылезали иконки » повторить», «нравиться», а теперь их нет. Это дело в том, что код старый берем или в чем-то другом?

на Блоге
в Фейсбук
в Вконтакте