网页里面的video标签设置autoPlay 视频无法自动播放,在网上搜了一大堆,比如添加 muted(静音)属性,在有些版本的浏览器可以自动播放,有些还是不可以...
这要怎么办呢?用了最后一种方案:页面加载完成后,需要用户点击一下屏幕任何地方,然后会触发伴随音频的播放事件。
onClick={this.windowClick} //页面最外面的盒子
点击后调用:
windowClick() {
const { vplay } = this.state;
if (!vplay) {
this.myref.current.play();
this.setState({
vplay: true,
});
}
}
<video ref={this.myref}
constructor里面:
this.myref = React.createRef();
this.state={
vplay:false
}
要加一个state,不然如果你点击了video组件的暂停键,再点击页面任意位置,视频继续播放了。