Novicell/novicell-frontend

Background video pattern

Closed this issue · 6 comments

Make a new pattern for inserting background video.

  • Make the default pattern as Novicell.dk.
  • Make another variant, using vimeo and autoplay
  • Make yet another variant using youtube, preferably without youtube branding
  • Make sure to test it on mobile!

@Dan9boi The background video for youtube is not responsive and the video can be controlled when clicked.

The background video for Vimeo – when the video container is made taller – you can see the vimeo controls – further more you can also control the video by clicking it (start/ stop)

Vimeo loads the video om mobile. Maybe the different types of videos should behave the same (show fallback image on mobile)

Make sure to test on real mobile devices aswell.
Please test the vimeo scaling by using a different video, with people or something that needs a special scaling/cropping

  • Make YT background responsive
  • Remove every control possible from both YT and Vimeo
  • Avoid making network requests when playing on devices that do not have the required width for videos
  • Fix Vimeo scaling

Great job @Henrikschytze 💯
Can you fix the merge conflicts?

done in #239