我想在不使用‘mediainfo.js’命令的情况下在React.js中使用弹出

import React from 'react';

class VideoInfo extends React.Component {
  render() {
    return (
      <div>
        <video controls src="path/to/video.mp4"></video>
      </div>
    );
  }
}

export default VideoInfo;

import React from 'react';

class VideoInfo extends React.Component {
  constructor(props) {
    super(props);
    this.videoRef = React.createRef();
  }

  componentDidMount() {
    const videoElement = this.videoRef.current;

    videoElement.addEventListener('loadedmetadata', () => {
      console.log('Video duration:', videoElement.duration);
      console.log('Video dimensions:', videoElement.videoWidth, 'x', videoElement.videoHeight);
    });
  }

  render() {
    return (
      <div>
        <video ref={this.videoRef} controls src="path/to/video.mp4"></video>
      </div>
    );
  }
}

export default VideoInfo;