antd 弹窗视频播放

要在 antd 弹窗中播放视频，你可以使用第三方组件 react-player。首先，你需要在项目中安装 react-player：

npm install react-player

然后，你可以在弹窗组件中引入 react-player，并使用它来渲染视频。以下是一个示例代码：

import React from 'react';
import { Modal } from 'antd';
import ReactPlayer from 'react-player';

const VideoModal = ({ visible, onCancel, videoUrl }) => {
  return (
    <Modal visible={visible} onCancel={onCancel} footer={null} width={800}>
      <ReactPlayer url={videoUrl} controls={true} width="100%" height="100%" />
    </Modal>
  );
};

export default VideoModal;

在这个示例中，我们创建了一个名为 VideoModal 的组件，它接受三个 props：visible，onCancel 和 videoUrl。visible 控制弹窗的可见性，onCancel 处理关闭弹窗的逻辑，videoUrl 是需要播放的视频链接。

在组件中，我们使用 react-player 组件来渲染视频。我们将 videoUrl 传递给 url 属性，controls 属性控制是否显示视频控件，width 和 height 属性设置视频的宽度和高度。

最后，我们将 VideoModal 组件导出，以便在其他地方使用。你可以在需要弹窗视频播放的地方引入此组件，并传递相应的 props。