Как сделать полупрозрачное видео?

Question

[topi768]

Здравствуйте! Есть видео, которое нужно вставить на сайт, что бы он он выглядел следующим образом:

То есть по краям картинки становится прозрачной. Как такое можно сделать?

Answer 1

[alexalexes]

Если используете тег video для вывода видео, то попробуйте дать ему свойство радиального градиента.

background: radial-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1)); /* второй параметр цвета нужно подобрать близкий к фоновому */

PS:
1. Может не сработать на фрейме видео.
2. Может не подойти вид градиента. Этих видов в css3 не так много.