ТВ-рамки для видео из YouTube

По умолчанию во всех примерах вместо видео с YouTube грузится его скриншот, а подмена на ролик реализована небольшим кодом на jQuery.

Для всех примеров используется одинаковый jQuery код для подстановки в рамку скриншота и замены его на видео по клику.

Вариант 1:

Где:

Вариант 2:

Где:

Вариант 3:

Где:
Для установки альтернативных рамок нужно:
  • Найти подходящую рамку, например на сайте pngwing.com
  • Подогнать ее размеры под видео в классе: .tv-ram (делается это на глаз)
  • Задать отступы в классе .tv-wrap
  • Также можно установить максимальный размер для всего контейнера, который в примерах равен 800px

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!