Clever Technique to Make It Shine with HDR Video in Background

Oct 05, 2024 · 166 words

• blog
• dev

Using HDR’s annoying brightness of videos rendering as a feature

If you’re on an HDR-capable device, you should see a bright ghost on your screen. Try lowering your device’s brightness, and you’ll notice that the ghost doesn’t seem to follow your setting. This might look like a bug at first glance, but let’s turn this unexpected behavior into a feature. The intense brightness can actually become a visually striking element when utilized correctly.

Creating a visually striking website or digital experience often comes down to the little tricks and techniques that give it that extra pop. By carefully layering other design elements over the video, you can create a dynamic, bright, and engaging experience for users.

Source of this trick

With the excellent newsletter from DataGif, I discovered the Digital Divinity long-read experience from Rest of the World. While reading this article, I noticed some magical and bright visual elements. I also use this the ghost from CodePen. They talk about the tricks on their blog.