React h5页面，解决视频自动播放问题

网页里面的video标签设置autoPlay 视频无法自动播放，在网上搜了一大堆，比如添加 muted（静音）属性，在有些版本的浏览器可以自动播放，有些还是不可以...
这要怎么办呢？用了最后一种方案：页面加载完成后，需要用户点击一下屏幕任何地方，然后会触发伴随音频的播放事件。

onClick={this.windowClick} //页面最外面的盒子

点击后调用：

 windowClick() {
    const { vplay } = this.state;
      if (!vplay) {
      this.myref.current.play();
      this.setState({
        vplay: true,
      });
    }
  }

constructor里面：

this.myref = React.createRef();

this.state={
  vplay:false
}

要加一个state，不然如果你点击了video组件的暂停键，再点击页面任意位置，视频继续播放了。

End