Fullscreen background HTML5 Video best practices?

over 7 years ago from Jaime Ascanio, Product Design Director & UX Lead

  • Jonathan CutrellJonathan Cutrell, over 7 years ago

    A few things to note:

    There are some good tools out there to help out, but here's a good start: BigVideo.

    Don't forget your poster image.

    On an iPhone, video doesn't auto-start. To handle that problem, you can do a number of things... we used an animated gif. You should probably use a poster.jpg

    Biggest thing to consider is cross-browser support that is easy to accomplish if you know the rules, and bandwidth/battery issues. You can compress your video A LOT before the experiences suffers. Like, old-school sub-SD quality compression.

    3 points