Threejs入門進階實戰案例(3)：視頻貼圖的解決方案

Texture紋理貼圖需要使用TextureLoader()異步加載圖片，而視頻紋理（VideoTexture）創建一個使用視頻來作爲貼圖的紋理對象時，需要在當前文檔創建使用的Video元素。
具體代碼如下：
CSS：

 #video {
            position: absolute;
            width: 0;
            height: 0;
        }

HTML：

<!--視頻材質素材-->
<video id="video" autoplay loop muted>
    <source src="images/texture/videoPlane.mp4">
</video>

JS：

    //加載視頻貼圖;
    var texture = new THREE.VideoTexture(video);

    //創建網格;
    var geometry = new THREE.BoxGeometry(100, 100, 100);
    var material = new THREE.MeshBasicMaterial({
        map: texture,
    });
    var mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);

Done!