# \#video

**URL:** https://discourse.threejs.org/tag/video/386.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Export animations to videos](https://discourse.threejs.org/t/export-animations-to-videos/35917)

<div class="topic-metadata">

**Author:** [@Krayyem](https://discourse.threejs.org/u/Krayyem)\
**Replies:** 2\
**Last updated:** [September 23, 2026, 6:14pm UTC](https://discourse.threejs.org/t/export-animations-to-videos/35917 "2026-09-23T18:14:45Z")

</div>

I totally understand that three.js is a client side, but want to confirm if it reachable to have an animation into a video or lets say images using server side?

---

## [1M animated GPGPU Particles + animations for a video](https://discourse.threejs.org/t/1m-animated-gpgpu-particles-animations-for-a-video/67667)

<div class="topic-metadata">

**Author:** [@poeti8](https://discourse.threejs.org/u/poeti8)\
**Replies:** 1\
**Last updated:** [December 24, 2025, 12:38am UTC](https://discourse.threejs.org/t/1m-animated-gpgpu-particles-animations-for-a-video/67667 "2025-12-24T00:38:54Z")

</div>

Hello all, Recently I uploaded a video on what you can do with particles. I’ve created all the animations in that video with Three.js. In part of the video, I render an animated and interactive text made of one million …

---

## [How to create cube revealing video effect](https://discourse.threejs.org/t/how-to-create-cube-revealing-video-effect/86713)

<div class="topic-metadata">

**Author:** [@A\_V1](https://discourse.threejs.org/u/A_V1)\
**Replies:** 3\
**Last updated:** [September 8, 2025, 3:45pm UTC](https://discourse.threejs.org/t/how-to-create-cube-revealing-video-effect/86713 "2025-09-08T15:45:00Z")

</div>

Hello guys, I am trying to recreate cube revealing video effect from the link and video. I made cube in 3js, and made animation with scaling rotating and inclining it forward the screen. Next step is showing video in…

---

## [Black Video Texture for Chroma Key Video in Safari (Only Happens Intermittently)](https://discourse.threejs.org/t/black-video-texture-for-chroma-key-video-in-safari-only-happens-intermittently/80476)

<div class="topic-metadata">

**Author:** [@nkovitz](https://discourse.threejs.org/u/nkovitz)\
**Replies:** 7\
**Last updated:** [April 28, 2025, 10:34am UTC](https://discourse.threejs.org/t/black-video-texture-for-chroma-key-video-in-safari-only-happens-intermittently/80476 "2025-04-28T10:34:31Z")

</div>

Hello! I’m struggling with an issue that appears to only happen in Safari, and it’s difficult to reproduce consistently. I’m loading one (or more) chroma key videos in our three.js scene, and occasionally the video(s) ge…

---

## [Virtual Interiors with cube maps](https://discourse.threejs.org/t/virtual-interiors-with-cube-maps/79839)

<div class="topic-metadata">

**Author:** [@yodha](https://discourse.threejs.org/u/yodha)\
**Replies:** 6\
**Last updated:** [March 22, 2025, 2:13pm UTC](https://discourse.threejs.org/t/virtual-interiors-with-cube-maps/79839 "2025-03-22T14:13:50Z")

</div>

I came across the website, with a bit of tinkering it became obvious that this was made using cube maps, but I fail to understand how the hotspots are added to the cube maps and how the videos(the fireplace and the TV)…

---

## [Can I use a equirectangular VideoTexture as scene.background?](https://discourse.threejs.org/t/can-i-use-a-equirectangular-videotexture-as-scene-background/79280)

<div class="topic-metadata">

**Author:** [@peter\_3d](https://discourse.threejs.org/u/peter_3d)\
**Replies:** 0\
**Last updated:** [March 10, 2025, 7:56am UTC](https://discourse.threejs.org/t/can-i-use-a-equirectangular-videotexture-as-scene-background/79280 "2025-03-10T07:56:24Z")

</div>

Hello, I have been using a equirectangular image as scene background and it works great. I have simply created a Texture and set mapping to EquirectangularReflectionMapping and then use that texture as scene background.…

---

## [Three.js + GSAP ScrollTrigger + Video Performance Issue on Low-End Devices](https://discourse.threejs.org/t/three-js-gsap-scrolltrigger-video-performance-issue-on-low-end-devices/78051)

<div class="topic-metadata">

**Author:** [@mijj](https://discourse.threejs.org/u/mijj)\
**Replies:** 1\
**Last updated:** [February 13, 2025, 8:32am UTC](https://discourse.threejs.org/t/three-js-gsap-scrolltrigger-video-performance-issue-on-low-end-devices/78051 "2025-02-13T08:32:42Z")

</div>

Hi everyone, I’m working on a parallax scrolling page using GSAP ScrollTrigger and Three.js, but I’m facing performance issues on low-end devices, particularly with video playback stuttering. I’ve applied some optimizat…

---

## [Multiple video tags play videos in a loop and render together with canvas animation, the video will cause freeze](https://discourse.threejs.org/t/multiple-video-tags-play-videos-in-a-loop-and-render-together-with-canvas-animation-the-video-will-cause-freeze/54933)

<div class="topic-metadata">

**Author:** [@HazardTrigger](https://discourse.threejs.org/u/HazardTrigger)\
**Replies:** 5\
**Last updated:** [February 13, 2025, 7:16am UTC](https://discourse.threejs.org/t/multiple-video-tags-play-videos-in-a-loop-and-render-together-with-canvas-animation-the-video-will-cause-freeze/54933 "2025-02-13T07:16:52Z")

</div>

I created a 3D scene with looping animation through threejs, and placed 8 video tags on the page to loop 8 different videos, and the size of the 8 video files does not exceed 100mb. After the page was open for a while, t…

---

## [Convert Your Videos to VR Videos with BuildVR's New Feature](https://discourse.threejs.org/t/convert-your-videos-to-vr-videos-with-buildvrs-new-feature/77034)

<div class="topic-metadata">

**Author:** [@Gretxp\_team](https://discourse.threejs.org/u/Gretxp_team)\
**Replies:** 2\
**Last updated:** [January 27, 2025, 8:38am UTC](https://discourse.threejs.org/t/convert-your-videos-to-vr-videos-with-buildvrs-new-feature/77034 "2025-01-27T08:38:40Z")

</div>

Exciting news from BuildVR! We are proud to introduce our latest feature that allows you to convert any video into an immersive VR video easily. With just a few clicks, you can select your video and get a shareable VR vi…

---

## [Pikimov | web 2D/3D video editor](https://discourse.threejs.org/t/pikimov-web-2d-3d-video-editor/72710)

<div class="topic-metadata">

**Author:** [@clement\_c](https://discourse.threejs.org/u/clement_c)\
**Replies:** 1\
**Last updated:** [October 14, 2024, 11:03am UTC](https://discourse.threejs.org/t/pikimov-web-2d-3d-video-editor/72710 "2024-10-14T11:03:42Z")

</div>

Pikimov is a free video editor, it’s like Photopea, but for videos, with a workflow very similar to After Effects: layers, video FX, keyframe animations… It’s using the Emberjs framework to manage the UI, and Thre…

---

## [VideoTexture Stopped playing video and got stuck at a frame. But current time was increasing](https://discourse.threejs.org/t/videotexture-stopped-playing-video-and-got-stuck-at-a-frame-but-current-time-was-increasing/70098)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini\_VT](https://discourse.threejs.org/u/Deepak_Saini_VT)\
**Replies:** 0\
**Last updated:** [August 30, 2024, 12:36pm UTC](https://discourse.threejs.org/t/videotexture-stopped-playing-video-and-got-stuck-at-a-frame-but-current-time-was-increasing/70098 "2024-08-30T12:36:14Z")

</div>

Frames of the video stopped when i switch the tab on mobile device or closed and reopened browser from recent apps. This is noticed in android/ Iphones/ Ipads and other mobile devices also. Is there any way to solve the …

---

## [Colors of video are changing totally when running in mobile](https://discourse.threejs.org/t/colors-of-video-are-changing-totally-when-running-in-mobile/68975)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini\_VT](https://discourse.threejs.org/u/Deepak_Saini_VT)\
**Replies:** 4\
**Last updated:** [August 6, 2024, 5:06am UTC](https://discourse.threejs.org/t/colors-of-video-are-changing-totally-when-running-in-mobile/68975 "2024-08-06T05:06:22Z")

</div>

Colors of my video is completely changing and showing very bright when running the app in mobile, while in PC they are original i.e. more vibrant. PC Image - Mobile View Image - Help me fix this issue (FYI: am …

---

## [How to show a video from camera and show a 3d model on top of the video](https://discourse.threejs.org/t/how-to-show-a-video-from-camera-and-show-a-3d-model-on-top-of-the-video/68866)

<div class="topic-metadata">

**Author:** [@Sachin\_K1](https://discourse.threejs.org/u/Sachin_K1)\
**Replies:** 2\
**Last updated:** [August 4, 2024, 4:53am UTC](https://discourse.threejs.org/t/how-to-show-a-video-from-camera-and-show-a-3d-model-on-top-of-the-video/68866 "2024-08-04T04:53:47Z")

</div>

Hi, I would like to display video from a camera and then place a 3D model on top of the video. How can I achieve this? Thanks & Regards

---

## [Can we play sound of a video without user interaction?](https://discourse.threejs.org/t/can-we-play-sound-of-a-video-without-user-interaction/67865)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini\_VT](https://discourse.threejs.org/u/Deepak_Saini_VT)\
**Replies:** 13\
**Last updated:** [July 29, 2024, 5:54am UTC](https://discourse.threejs.org/t/can-we-play-sound-of-a-video-without-user-interaction/67865 "2024-07-29T05:54:16Z")

</div>

Is there any way by which i could play the audio of sound. Currently am playing the video with the sound muted and unmuting it when the user interacts with the document/ Canvas. Can’t i achieve to play the video along …

---

## [Recording threejs video flickers with any example](https://discourse.threejs.org/t/recording-threejs-video-flickers-with-any-example/68129)

<div class="topic-metadata">

**Author:** [@Lucie](https://discourse.threejs.org/u/Lucie)\
**Replies:** 1\
**Last updated:** [July 14, 2024, 11:34am UTC](https://discourse.threejs.org/t/recording-threejs-video-flickers-with-any-example/68129 "2024-07-14T11:34:46Z")

</div>

Hey, I tried with bandicam and with other video recorders, and all show flickering on recording any threejs example or my own work, it didnt do it before (like some months ago). Step to reproduce: take any screen reco…

---

## [Examples of using WebXR to view a flat stereo video in VR?](https://discourse.threejs.org/t/examples-of-using-webxr-to-view-a-flat-stereo-video-in-vr/64612)

<div class="topic-metadata">

**Author:** [@jpm](https://discourse.threejs.org/u/jpm)\
**Replies:** 0\
**Last updated:** [April 25, 2024, 12:27pm UTC](https://discourse.threejs.org/t/examples-of-using-webxr-to-view-a-flat-stereo-video-in-vr/64612 "2024-04-25T12:27:21Z")

</div>

Hi there, does anyone have an example of how to view a flat stereo video in VR with WebXR? I know we have a 180 / 360 degree stereo video here: three.js examples, but curious if there’s one somewhere for flat videos? See…

---

## [Webcam texture is washed out](https://discourse.threejs.org/t/webcam-texture-is-washed-out/53412)

<div class="topic-metadata">

**Author:** [@NicholiNoah](https://discourse.threejs.org/u/NicholiNoah)\
**Replies:** 4\
**Last updated:** [April 4, 2024, 8:24am UTC](https://discourse.threejs.org/t/webcam-texture-is-washed-out/53412 "2024-04-04T08:24:24Z")

</div>

Currently I’m using this three.js example as inspiration for adding a webcam into a 3D environment. I noticed this method renders the video image (or any other source through this method) as much “brighter” and washed ou…

---

## [Using Video Libraries with Three // libmpv?](https://discourse.threejs.org/t/using-video-libraries-with-three-libmpv/60695)

<div class="topic-metadata">

**Author:** [@dtee](https://discourse.threejs.org/u/dtee)\
**Replies:** 1\
**Last updated:** [January 25, 2024, 1:07am UTC](https://discourse.threejs.org/t/using-video-libraries-with-three-libmpv/60695 "2024-01-25T01:07:33Z")

</div>

Does anyone know or have experience with using Three.js and a C library like LIBMPV together for video textures? WHY: html video tag playback leaves a lot to be desired. LIBMPV allows for a lot finer control of playback…

---

## [Adding video texture results in Error](https://discourse.threejs.org/t/adding-video-texture-results-in-error/58520)

<div class="topic-metadata">

**Author:** [@timogd](https://discourse.threejs.org/u/timogd)\
**Replies:** 9\
**Last updated:** [November 27, 2023, 11:43am UTC](https://discourse.threejs.org/t/adding-video-texture-results-in-error/58520 "2023-11-27T11:43:13Z")

</div>

Hey, when I add a video texture to my plane (created in Blender, imported to three.js/editor, exported as gltf) I get an error. The whole project is working with images as texture but as soon as I add a video as texture…

---

## [ThreeJS for Seamless Video Player: Not Seamless](https://discourse.threejs.org/t/threejs-for-seamless-video-player-not-seamless/56447)

<div class="topic-metadata">

**Author:** [@dtee](https://discourse.threejs.org/u/dtee)\
**Replies:** 7\
**Last updated:** [September 28, 2023, 11:15pm UTC](https://discourse.threejs.org/t/threejs-for-seamless-video-player-not-seamless/56447 "2023-09-28T23:15:04Z")

</div>

Hello. I’m brand new to ThreeJS and to the forum here. I’ve been running some test to see if ThreeJS will be useful in setting up a web-based seamless video player. The results so far have been really impressive, but I’…

---

## [Video sequence of 3D volumetric data?](https://discourse.threejs.org/t/video-sequence-of-3d-volumetric-data/53354)

<div class="topic-metadata">

**Author:** [@Jeff\_Boker](https://discourse.threejs.org/u/Jeff_Boker)\
**Replies:** 4\
**Last updated:** [June 29, 2023, 3:23pm UTC](https://discourse.threejs.org/t/video-sequence-of-3d-volumetric-data/53354 "2023-06-29T15:23:09Z")

</div>

I have a stack of 100 images of size 300 x 300 which represent a 3D volume of a medical scan. I have another 100 of these 3D volumes as a sequence. I have been trying to visualize this 3D image sequence data as a video w…

---

## [Example using Pexels API to preview videos](https://discourse.threejs.org/t/example-using-pexels-api-to-preview-videos/46214)

<div class="topic-metadata">

**Author:** [@anidivr](https://discourse.threejs.org/u/anidivr)\
**Replies:** 1\
**Last updated:** [December 25, 2022, 6:04pm UTC](https://discourse.threejs.org/t/example-using-pexels-api-to-preview-videos/46214 "2022-12-25T18:04:30Z")

</div>

Pexels Video Preview shows how the Pexels video API can be used to search and preview videos. UI supports entry of key before API can be used. Key is saved as a cookie. Works on desktop and in VR. Sound works on vid…

---

## [Use Object Loader parse-Text Geometry-Video Texture Show on AR](https://discourse.threejs.org/t/use-object-loader-parse-text-geometry-video-texture-show-on-ar/44631)

<div class="topic-metadata">

**Author:** [@vira4\_company](https://discourse.threejs.org/u/vira4_company)\
**Replies:** 0\
**Last updated:** [November 13, 2022, 6:48am UTC](https://discourse.threejs.org/t/use-object-loader-parse-text-geometry-video-texture-show-on-ar/44631 "2022-11-13T06:48:20Z")

</div>

Hi I have a scene that I add different kind of object to this like gltf ,geometry ,textgeometry ,videoTexture ,… And then I group all of them and save as json then parse them with \*\* \*\* THREE.ObjectLoader().parse(myJS…

---

## [videoTexture does not appear on iPhone (iOs)](https://discourse.threejs.org/t/videotexture-does-not-appear-on-iphone-ios/43543)

<div class="topic-metadata">

**Author:** [@Kemura](https://discourse.threejs.org/u/Kemura)\
**Replies:** 1\
**Last updated:** [October 13, 2022, 1:31pm UTC](https://discourse.threejs.org/t/videotexture-does-not-appear-on-iphone-ios/43543 "2022-10-13T13:31:49Z")

</div>

I have a video texture that doesn’t appear or play when activated on an iPhone and it gives off this WebGL error THREE.WebGLState: (anonymous) @ sse-hooks.f742b80f43…19b0d97b5886cd.js:2 texImage2D @ three.module.js:2127…

---

## [VideoTexture CORS](https://discourse.threejs.org/t/videotexture-cors/42739)

<div class="topic-metadata">

**Author:** [@erikpa1](https://discourse.threejs.org/u/erikpa1)\
**Replies:** 1\
**Last updated:** [September 24, 2022, 8:14pm UTC](https://discourse.threejs.org/t/videotexture-cors/42739 "2022-09-24T20:14:58Z")

</div>

Hi, I’m using standard html video, and src tag which I create from code for my video texture const videosRoot = document.getElementById("videosroot") const video: HTMLVideoElement = document.cr…

---

## [Export three.js/r3f to video](https://discourse.threejs.org/t/export-three-js-r3f-to-video/42612)

<div class="topic-metadata">

**Author:** [@tal9110](https://discourse.threejs.org/u/tal9110)\
**Replies:** 9\
**Last updated:** [September 17, 2022, 6:55am UTC](https://discourse.threejs.org/t/export-three-js-r3f-to-video/42612 "2022-09-17T06:55:49Z")

</div>

Hi all, has anyone had success exporting three.js/r3f to video? I’ve tried ccapture.js and GitHub - gsimone/use-capture: 🎥 Record react-three-fiber scenes with ccapture.js with no success. My goal is to have the user be …

---

## [How to move video behind the scene?](https://discourse.threejs.org/t/how-to-move-video-behind-the-scene/40296)

<div class="topic-metadata">

**Author:** [@Taclastacl](https://discourse.threejs.org/u/Taclastacl)\
**Replies:** 2\
**Last updated:** [July 15, 2022, 3:15am UTC](https://discourse.threejs.org/t/how-to-move-video-behind-the-scene/40296 "2022-07-15T03:15:31Z")

</div>

Hi, I’m very new to Three.js and I’m trying to use a video as my background and then have a loaded glTF in the foreground. I’ve been trying to get the video to go behind the scene, however im not sure what im doing and t…

---

## [How do I use YouTube IFrame with WebGLRenderer?](https://discourse.threejs.org/t/how-do-i-use-youtube-iframe-with-webglrenderer/39933)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 6\
**Last updated:** [July 3, 2022, 10:34pm UTC](https://discourse.threejs.org/t/how-do-i-use-youtube-iframe-with-webglrenderer/39933 "2022-07-03T22:34:23Z")

</div>

Up until now I’ve been putting video objects in my ThreeJS scene by building HTML5 video elements and then assigning them to the surface of a cube by passing the video node to the MeshBasicMaterial constructor: self…

---

## [How to save video using three.js](https://discourse.threejs.org/t/how-to-save-video-using-three-js/39863)

<div class="topic-metadata">

**Author:** [@cheungbh](https://discourse.threejs.org/u/cheungbh)\
**Replies:** 3\
**Last updated:** [July 3, 2022, 5:39pm UTC](https://discourse.threejs.org/t/how-to-save-video-using-three-js/39863 "2022-07-03T17:39:48Z")

</div>

Hello. I wonder how to save the screen to a local video file?

---

## [Next generation 3D art gallery portal](https://discourse.threejs.org/t/next-generation-3d-art-gallery-portal/39367)

<div class="topic-metadata">

**Author:** [@Ferrit](https://discourse.threejs.org/u/Ferrit)\
**Replies:** 4\
**Last updated:** [June 18, 2022, 10:47am UTC](https://discourse.threejs.org/t/next-generation-3d-art-gallery-portal/39367 "2022-06-18T10:47:28Z")

</div>

Here’s a new art gallery project based on Three.js: GalleryNexus Here artists can set up their own exhibitions of pictures, videos and/or 3D models in the showcased gallery rooms. Exhibitions can serve as portals to ex…

[Next page](https://discourse.threejs.org/tag/video/386.md?match_all_tags=true&page=1&tags%5B%5D=video)