React的开发问题

1、解决video-react的宽高适配问题，将视频约束在指定区域内

其中playsInline和fluid={false}是关键功能代码

import { Player, BigPlayButton } from 'video-react';
<Player
  poster={videoInfo.coverUrl || ''}
  width={'100%'}
  height={'100%'}
  playsInline
  fluid={false}
  src={videoInfo.objectUrl}
  onPlay={() => {
    setVideoPlay(true);
  }}
  onPause={() => {
    console.log('pause');
    setVideoPlay(false);
  }}
  >
    <BigPlayButton position="center" />
  </Player>

2、electron 相关配置

npm config set registry https://registry.npm.taobao.org/
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

3、better-scroll中微信长按保存以及移动端视频的问题

    sroObj = new BScroll(srollY.current, {
      scrollY: true,
      probeType: 2,
      disableMouse: false,
      disableTouch: false,
      click: true,
      preventDefault: false, // 这是解决问题的配置
    });