Мда уж, веселый ап...
Да у вас изначально подход неверный, если честно. Зачем эти "Вопрос:" и "Ответ:", если вы и так знаете, что одно вопрос, а другое ответ. Можно, например, сделать два массива - questions и answers или массив пар "вопрос-ответ".
Ничего страшного нет, да даже если немного понравится (у геев там жопы бывают нежнее и аккуратнее женских), увиденный процесс может немного возбудить, т.к., по сути, в этом больше общего, чем отличий (я имею ввиду гетеро и гомо секс), плюс фактор удивления и необычности. Понравится видео - это одно, а вот если представишь себя на месте одного из героев и тебе понравится - это уже совсем другое.
Написали бы конкретную дату и время, по которое будете принимать ответы и которые точно будут в списке рассмотренных.
Отвратительный роутинг, судя по всему, через него пропускается вся статика. Но зачем? В .htaccess добавить проверку существования файла.
Привязывайте CSS к ID.
Самое топорное решение:
onclick="playVideo(); return false;"
Если при начале проигрывания можно вызвать какой-нибудь callback, то можно примотать цель Яндекс-метрики.
Только когда комар садится на твои яйца ты понимаешь, что всегда есть путь решить проблему без применения силы.
Все зависит от того, как нужно это все индексировать. Можно, например, скрытые картинки оформить в виде
<div data-src="{IMAGE}"></div>
А при открытии заменять эти блоки на изображения.
