search

pespantelis / vue-videobg

:milky_way: Video Background component for Vue.js
http://pespantelis.github.io/vue-videobg
MIT License
252 stars 35 forks source link

Responsive behaviour #3

Closed lpeterke closed 8 years ago

lpeterke commented 8 years ago

Usually you want to reduce the pageload on mobile devices. On top of that the user's viewport probably isn't 16:9 on a smartphone.

It would be great if you could specify a second image that will be displayed instead of the video on smaller viewports and a property to define the minimum width in pixels for the desktop behaviour.

lpeterke commented 8 years ago

Oh yes, solving this via CSS and Media Queries entirely is the smartest solution.

pespantelis commented 8 years ago

For somehow, my response has disappeared:

The img prop has used to set an image background to the section.VideoBg element. You could achieve that you want by using CSS media queries.

Also, I think to remove the img prop. :)