Маскировать видео HTML5

Question

Я хотел бы замаскировать элемент видео HTML5 и преобразовать его в треугольник. Я хочу решение, которое будет работать в IE9, Firefox и Chrome. Возможно ли это?

Answer 1

Я не уверен, насколько это совместимо с различными браузерами, но я знаю, что у Apple есть демоверсия Safari Technology , где они используют -webkit-mask в видео HTML5.Возможно, стоит провести расследование.

Answer 2

Вы можете маскировать видео, используя SVG в Firefox, но это не сработает для IE9 или Chrome.Вы можете копировать видео кадр за кадром в элемент canvas и затем манипулировать видео там, чтобы создать эффект Mask.Использование только CSS, хотя, насколько я знаю, это невозможно.