2

当用户在 react 中选择视频时,我想显示视频预览。有朋友建议使用video-react库来预览视频。您能否指导我如何实现以及如何在我的项目中实现视频预览。目前我正在使用ant-design视频选择

Vide-React 链接:点击 Video-React

4

2 回答 2

1

只需按照教程进行操作。

import React from 'react';
import { Player } from 'video-react';

export default (props) => {
  return (
    <Player
      playsInline
      poster="/assets/poster.png"
      src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
    />
  );
};

对于缩略图,您可以使用react-video-thumbnail. 它为给定的视频 url 生成缩略图。https://www.npmjs.com/package/react-video-thumbnail

于 2018-12-05T16:47:09.263 回答
0

我使用 react-player,其中选项“controls” - 设置为 true 或 false 以显示本机播放器控件

<ReactPlayer url={'url/to/video'} className={classes.styleView} playing controls/>
于 2019-10-09T09:00:44.170 回答