1

Нужно поместить видео в окошко типа мобильного телефона или ноута, чтоб оно там постоянно проигрывалось, как тут:

введите сюда описание изображения

Пробовала вариант с маской, помещала фрейм с видео в див и задавала ей свойство

-webkit-mask-image: url('../img/laptop.png');

Но этот способ мне не подошел. Может кто знает еще варианты? Как такое можно реализовать.

3
  • просто поверх положить PNG или SVG? Пример с svg.
    – Sergiks
    30 мая 2016 в 14:55
  • Если у вас не видео, а просто картинка ездит/увеличивается – техника та же, поверх кладется декорация с прозрачностью, а картинка увеличивается/двигается CSS-анимацией.
    – Sergiks
    30 мая 2016 в 14:56
  • Вариант с маской не подошел, так как у меня инвертируется она. видео отображается на краях, а не по центру, где у меня в пнг пустое пространство. И у меня видео, в том то и проблема, не двигающаяся картинка.
    – Geranya
    30 мая 2016 в 14:59

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.