Дмитрий Кузнецов

Перешёл по ссылке - зашёл в исходник - нашёл файл стилей - посмотрел backgroud: у них 1 картинка, просто сделано всё по разрешению сайта. А так, как идея, выше Дмитрий Кравченко, написал интересный метод. Пробуйте!)

Так просто поменяйте теги для видео.

Ээээ...код, что не работает!? Здесь не сидят товарищи экстрасенсы.

Вроде всё легко...
Ставите HTML код, убираете "
<a class="button">
<span>press me</span>
</a>

Да из PHP я вижу вывод чего-то...

Много уже кто писал, но всё же отвечу:
1. Ставим картику в класс, например, в .image-gray. И этому классу в CSS добавляем фильтр.
2. При наведении (:hover) - убираем этот фильтр.
Профит)

Попробуйте Ratchet. Я конечно видел только в связке с Laravel, но а в друг можно и без Laravel.