反应使用HTML5视频标签controlsList属性

Question

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

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

尝试htmlControlsList=过

错误日志: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 />
  )
}