Who wants to come to a picnic with an outdoor movie? I'll bring the video player 🧺🎬

Picnic Cinema is my new Video.js skin: a 3D garden cinema where the controls hang as tags from festoon bulbs. The lights glow when you pause and dim when the film starts.

Too comfy to reach the bulbs? Grab the remote on the picnic table.

You can still use the keyboard like a normal player: Space to play, arrows to seek and change the volume, F for fullscreen.

this is such a fun concept!

I Designed a custom skin for the Video.js v10 player. In Video.js v10, a skin is the player’s interface: the UI components plus the styles that present them. Video.js is open source and community-driven, and the player can end up on almost any website, so every skin makes a choice: how much personality it has, how well it fits into someone else’s design, and how far it pushes the controls. This was all incorporated into the design from scratch. The built-in v10 skins show this range. Creativity and mastery are incorporated to produce something nice and pleasant.

Please make sure you've shared a public link for us to view your project!