Невыделяемый текст над видео HTML5 ⇐ Jquery

[Anonymous]

Я ищу способ сделать текст полностью недоступным для выделения. У меня есть набор видеороликов HTML5 с текстом над ними. Когда вы наводите курсор на видео, оно воспроизводится. Когда я размещаю текст над видео, видео останавливается, если пользователь наводит курсор на текст.
Есть ли какой-нибудь способ сделать текст почти прозрачным, чтобы видео не прекращало воспроизведение? Я пробовал следующее:

Код: Выделить всё

-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
cursor:default;

Но эти стили просто не позволяют пользователю выделять текст. Вы можете просмотреть пример проблемы здесь.
Мне не удалось найти ответы, касающиеся этой конкретной проблемы, поэтому я открыл новый запрос.

Подробнее здесь: https://stackoverflow.com/questions/264 ... tml5-video