Javascript 使用视频标记全屏DOM的引用时出现问题

目前，我正在尝试查看我的视频标签何时处于全屏状态，以便我可以更改特定视频id/ref的属性。我尝试了许多方法，但我将要显示的当前方法实际上提供了元素的console.log。我已经尝试过getElemementByID，但是这个console.logs为null，使用REF我最终可以得到我的元素，但是我无法操作它，或者我可能做错了

该代码段来自html端

 <video controls id= "myvideo" onMouseDown = 
    {this.changezindex} ref= {this.myRef} > <source src 
     = {mymov}/></video>

当我点击视频时，它会被调用，它确实是console.log

重述-我希望在用户全屏单击时获得对元素的访问权限，这样我就可以操纵属性了！

---

非常感谢您的帮助

如果您的视频组件如下所示

 <video controls id= "myvideo" onMouseDown = {this.changezindex} ref= {this.myRef} > 
 <source src = {mymov}/>
 </video>

如果您能够在componentWillMount（）中捕获元素，则可以执行以下操作来分配fullscreenchange事件触发器

componentDidMount(){
  document.getElementById("myvideo").addEventListener('webkitfullscreenchange', onFullScreen)
}
function onFullScreen(e) {

  alert('Fullscreen clicked' )
}

元素可以使用以下三个事件之一：
1.webkitfullscreenchange
2.mozfullscreenchange
3.fullscreenchange

Video-react（）是一个很好的软件包，适合在全屏显示事件，因为它将为您提供许多控件，您可以在此处找到所有控件和事件。

componentDidMount(){
   console.log(document.getElementById("myvideo"))
}

componentDidMount(){
  document.getElementById("myvideo").addEventListener('webkitfullscreenchange', onFullScreen)
}
function onFullScreen(e) {

  alert('Fullscreen clicked' )
}