可以在antd image.preview组中插入视频吗？
可以在antd image.preview组中插入视频吗？
提问于 2021-10-15 07:24:12
我试图创建一种媒体画廊的照片和视频。我尝试了很多免费的画廊，虽然我没有找到一个支持视频。我试图在ANTD image.preview组中插入一个视频标记，尽管正如我所预期的那样，它没有工作。它在画廊里展示了一个视频封面，但没有视频。我想知道是否可以用ANTD或者我只是在浪费时间？
import { Image } from 'antd';
const App = () => (
<div>
<Image.PreviewGroup>
<Image width={200} src="image1.svg" />
<Image width={200} src="imag2.png" />
<video width={200} src="video.mp4" />
</Image.PreviewGroup>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2021-10-16 17:26:57
URL.createObjectURL()静态方法创建一个包含DOMString的DOMString，该URL表示参数中给定的对象。
如果您将视频文件保存在反应状态钩中
const [videoFile, setVideoFile] = useState();您可以在JSX中直接使用createObjectUrl：
<video width="400" controls>
<source src={URL.createObjectURL(videoFile)}/>
</video>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69581221
复制相关文章
相似问题
腾讯云开发者
