Rendering a video div on a texture?

CSS3DRenderer is what you want. Youtube videos on a mesh (port of CSS3DRenderer.js)

If you care about the tech details, it basically adds the html page as a dom element (iframe) underneath your canvas, then punches a hole in your canvas, using a mask that writes to the depth buffer but not the color buffer, the size and shape of your dom element. It uses CSS transforms to transform your DOM element to match the camera perspective.

1 Like