Август
3
2011

Video Onclick

Вставляя видео, размещенные на youtube, в записи я столкнулся с проблемой медленной загрузки страниц. Если посмотреть отчеты по скорости загрузки страниц в Google Analytics, то одни из самых медленных страниц про достижения в Portal 2 и Duke Nukem Forever. И это не удивительно, ведь в каждой записи по 2 десятка видео с ютуба. Я решил написать плагинчик, который вместо плеера вставляет картинку, а код подгружается при клике на нее.

Пример работы

Вместо тысячи слов приведут пример с youtube

и vimeo

0

При нажатии на видео в Google Analytics отсылается событие. Это помогает правильно посчитать показатель отказов на сайте.

Установка

  1. Скачать плагин
  2. Распаковать содержимое архива в папку /wp-content/plugins/
  3. Активировать плагин
  4. В редакторе нажать кнопку YouTube
  5. В открывшемся окне вставить ссылку на видео

Структура контейнера с видео

Пример CSS

Это код, который использую я

История версий

0.4.6

  • Опция для отключения всплывающего окна
  • Исправлена фатальная ошибка при активации в версии 0.4.5

0.4.5

  • Информация в таблице ошибок выводится постранично
  • Исправлена ошибка с получением о постах, содержащих видео с ошибкой
  • Информация о видео с ошибкой добавляется в кеш

0.4.4

  • Добавлена поддержка Vimeo (Внешний вид с CSS, показ фрагмента, отчет об ошибках…)

0.4.3

  • В настройках плагина выводится список видео, которые не удалось загрузить, и запись в которой это видео находится.
  • CSS файл включен в плагин. При желании можно выключить его в настройках.

0.4.2

  • Поверх фрагмета видео выводится кнопка play
  • Внешний вид фрагмента в тексте можно настроить через CSS
  • При наведении на фрагмент выводится название видео, взятое с youtube. Можно задать вручную в шорткоде атрибутом title=
  • Изображение кнопки play можно изменить в опциях плагина либо указать в шорткоде атрибутом play_img=

0.4.1

  • Исправлена ошибка, возникающая, если видео с таким ID не существует.

0.4

  • Для YouTube показывается фрагмент видео, клик по которому вызывает плеер
  • Новая структура всплывающего окна с видео
  • Специальная область, в которой выводится пользовательский текст
  • Настройка кнопки закрытия

0.3

  • Добавлена поддержка Vimeo

0.2

0.1

Неправильная раскладка: мшвущ щтсдшсл

Понравилась статья? Посоветуйте друзьям!

JavaScript PHP Vimeo WordPress WP Plugin YouTube видео


Понравилась статья? Подпишись на рассылку по E-Mail или в RSS.