How to add a Video in 3d object using Three.js / React

Question

I want to insert a video in 3d Object to create a website like this. I have a 3d object in GLB format, but I don't know how to insert the video in 3d object. Any ideas?

Is this a fake post? Did you try anything first before asking? Did you search? — Andy Ray
– Andy Ray, Commented Apr 3 at 5:20

NotTheDr01ds · Accepted Answer · 2025-04-04 19:04:57Z

0

Start by understanding how textures and UV mapping work on 3D meshes, then experiment with video textures using three.js VideoTexture

Or, if you’re working with React, Drei’s useVideoTexturehook to map an HTML video onto your GLB model.

edited Apr 4 at 19:04

NotTheDr01ds

21.9k8 gold badges66 silver badges96 bronze badges

answered Apr 4 at 15:49

Tariq Williams

93 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nikolaus Apr 6 at 12:01

Welcome to Stack Overflow. Please do not only Link to examples, but insert the code snippets directly. If it's more complex, you could add a link in addition for sure. ;-)

Community Apr 6 at 12:02

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

How to add a Video in 3d object using Three.js / React

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related