有没有办法在Three.js中拥有透明的视频背景？

<video id="video" autoplay loop>
  <source src="your_video.mp4" type="video/mp4">
</video>

var video = document.getElementById('video');
var texture = new THREE.VideoTexture(video);
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;

var geometry = new THREE.PlaneGeometry(2, 2);
var material = new THREE.MeshBasicMaterial({ map: texture, transparent: true });
var mesh = new THREE.Mesh(geometry, material);

scene.add(mesh);

mesh.material.opacity = 0.5; // 设置透明度为0.5（取值范围为0到1）