hz-video-player v1.0.9

视频展现组件

安装

 yarn add hz-video-player 
 或
 npm i hz-video-player

使用

函数写法

  import { FCVideoPlayer } from 'hz-video-player';

  // video states
  const [videoDisplay, setVideoDisplay] = useState<boolean>(false);

  // ref
  const fcVideoPlayerRef = useRef(
    FCVideoPlayer({
      autoplay: true,
      handlePlayerClose: () => {
        setVideoDisplay(false);
      },
    })
  );

  // effect
  useEffect(() => {
    fcVideoPlayerRef.current({ src: videoUrl, poster: posterUrl, display: videoDisplay });
  }, [videoDisplay, videoUrl, posterUrl]);

  // functions
  const preview: () => void = () => {
    setVideoDisplay(true)
  }

组件写法

  import VideoPlayer from 'hz-video-player';

  <VideoPlayer display={display} src="..." poster="..." handlePlayerClose={()=> {}}/>

参数