Trying to apply a video texture onto a geometry in three.js using a video texture, but encountering an issue where it only displays correctly when the wireframe is set to true on the material (video shows with wireframes). When switching it to false, only a black canvas is visible. Any insights into why this might be happening?
The video is contained within an HTML tag:
<video id="videoV">
<source src="shot13.mp4" type="video/mp4">
</video>
The JavaScript code used:
var renderer = new THREE.WebGLRenderer();
video = document.getElementById('videoV');
texture = new THREE.VideoTexture(video);
var material = new THREE.MeshLambertMaterial({
color: 0xffffff,
map: texture,
**wireframe: true**
});
geometry = new THREE.BoxGeometry(80, 800, 800);
var plane = new THREE.Mesh(geometry, material);
scene.add(plane);