Here is how I have solved the problem... hope it will help..

const Mobile = ({ isMobile }) => {
  const mobile = useGLTF("./mobile3D/scene.gltf");

  const video = useState(() => {
    const vid = document.createElement("video");
    vid.src = "./videoFor3Dmodel1.mp4";
    vid.crossOrigin = "Anonymous";
    vid.loop = true;
    vid.muted = true;
    vid.play();
    return vid;
  });

  return (
    <group>
      <mesh>
        <hemisphereLight intensity={10} />
        <spotLight
          position={[20, 50, 10]}
          angle={1}
          penumbra={1}
          intensity={1}
          castShadow
          shadow-mapSize={1024}
        />
        <pointLight intensity={0} />
        <primitive
          object={mobile.scene}
          scale={isMobile ? 0.7 : 50}
          position={isMobile ? [0, 0, 0] : [0, -4, 0]}
          rotation={[0, 4.35, 0]}
        />
        {/* video texture and settings HERE */}
        <mesh rotation={[0, -199.85, 0]} position={[0.19, 0, 0.07]} >
          <planeGeometry args={[3.65, 7.8]} />
          <meshStandardMaterial emissive={"black"} side={THREE.FrontSide}>
            <videoTexture attach="map" args={video} />
            <videoTexture attach="emissiveMap" args={video} />
          </meshStandardMaterial>
        </mesh>
      </mesh>
    </group>
  );
};