能否在antd图片预览中插入视频？

可以将 antd 的图片预览组件改为视频预览组件，可以使用 react- pl ayer 库来实现。以下是示例代码：

import React, { useState } from 'react';
import { Modal } from 'antd';
import ReactPlayer from 'react-player';
const VideoPreview = ({ url }) => {
  const [visible, setVisible] = useState(false);
  const handlePreview = () => {
    setVisible(true);
  const handleCancel = () => {
    setVisible(false);
  return (
      <div onClick={handlePreview}>
        <img src={url} alt="video thumbnail" />
      <Modal visible={visible} onCancel={handleCancel} footer={null}>
        <ReactPlayer url={url} controls={true} width="100%" height="100%" />
      </Modal>
export default VideoPreview;
使用方法：
<VideoPreview url="https://example.com/video.mp4" />
这将会渲染一个图片和一个 Modal。当用户点击图片时，会弹出 Modal，并播放视频。