Cyrilca

Попробуйте добавить атрибут webkit-playsinline на video tag

Mina

Посмотрите в сторону FlowType.js

Посмотрите в сторону PhantomJS.

Можно попробовать так:

Как я сейчас вижу картинке назначена position absolute top 40px; Задайте 0px.
Смените position:top на you-will-item.height / 2 чтобы вне зависимости от height картинка оставалась по центру.
на клике по блоку назначьте картинке background-size:contain чтобы она изменяла размер в зависимости от ее height.
при клике увеличьте height картинки примерно таким образом: 1 Item Height / 2 + 2 Item Height / 2 + white margin bottom.

т.е допустим длина первого toggled блока в открытом состоянии равна 206px. 206/2 = 103
второй блок 96/2 = 48
примерный margin-bottom между блоками около 15px.
Получаем height = 103 + 48 + 15.

Flexslider by Woothemes. Смотрите документацию, там есть callback секция, это все, что вам нужно.

Возможно я не правильно понял всю суть вопроса, но все-же.

Я думаю, изначально, не нужно на клиентской части генерировать никаких кодов. После отправки post запроса, на сервере вы можете взять какую-то часть данных типа email и на основе его длинны, например, сгенерировать какой-то произвольный код.

Далее в db можно создать таблицу и занести туда данные:
id email code is_activated
============================================
1 | user@site.com | h57hda4fasd | 0 (false)

При последующей отправке спасибо-кода (не знаю просто как его назвать) на стороне клиента, можете посылать ajax запрос на сервер, и сверять данные со строкой, введенной юзером. Если код прошел, то перевести is_activated в true, тем самым предотвратив повторный ввод кода.

Я думаю тут только два выхода:
- Использовать BootCamp и установить Windows / Visual Studio.
- Установить Parallels/VMWare и работать на виртуальной машне