diff --git a/examples/webgpu_lights_projector.html b/examples/webgpu_lights_projector.html
index 828b0b688176bf..1c8641848079d9 100644
--- a/examples/webgpu_lights_projector.html
+++ b/examples/webgpu_lights_projector.html
@@ -191,6 +191,7 @@
video.play();
videoTexture = new THREE.VideoTexture( video );
+ videoTexture.colorSpace = THREE.SRGBColorSpace;
}
diff --git a/examples/webgpu_materials_video.html b/examples/webgpu_materials_video.html
index 1c75dd23ff3eb2..0ed57395b4153b 100644
--- a/examples/webgpu_materials_video.html
+++ b/examples/webgpu_materials_video.html
@@ -97,6 +97,7 @@
} );
texture = new THREE.VideoTexture( video );
+ texture.colorSpace = THREE.SRGBColorSpace;
//
diff --git a/src/textures/VideoTexture.js b/src/textures/VideoTexture.js
index 0e23649697e2ed..bd777596fcc934 100644
--- a/src/textures/VideoTexture.js
+++ b/src/textures/VideoTexture.js
@@ -10,6 +10,9 @@ import { Texture } from './Texture.js';
* const texture = new THREE.VideoTexture( video );
* ```
*
+ * Note: When using video textures with {@link WebGPURenderer}, {@link Texture#colorSpace} must be
+ * set to THREE.SRGBColorSpace.
+ *
* Note: After the initial use of a texture, its dimensions, format, and type
* cannot be changed. Instead, call {@link Texture#dispose} on the texture and instantiate a new one.
*