reactjs - React使用HTML5视频标签controlsList属性

Question

尝试使用 React 组件返回此元素:<video ... controls controlsList="nodownload" />并且下载按钮仍然出现。

没有办法用 React 传递这个参数(controlsList)吗？

尝试过htmlControlsList=也是

错误日志:未知 Prop controlsList在标签上。从元素中删除此 Prop 。有关详细信息，请参阅....URL

Answer 1

在 React 中问题得到解决之前，您可以通过以下方式添加属性

componentDidMount() {
  this.video.setAttribute("controlsList","nodownload");
}

render() {
  return (
    <video 
      ref={(v)=>{this.video=v}}
      src="myvideo.mp4" 
      controls 
      autoplay />
  )
}