如何在方向更改时更改video.js宽度?

我有N个视频,我播放所有视频 视频.js 玩家框架。

我用javascript设置视频播放器的宽度。

第一个视频的宽度在纵向和横向模式下都设置正确,但下一个视频在横向模式下设置不正确。

这是my player.html

<video  id="cdnvideo" class="video-js fullscreen vjs-default-skin vjs-big-play-centered" controls preload="auto"
  poster="{{video|videourlfilter}}"  >
<source   src="{{video|videourlfilter}}" type='video/mp4'>    
<source   src="{{video|videourlfilter}}"".mp4" type='video/mp4'>
</video>  

我的JS

 vidPlayer = videojs(document.getElementById('cdnvideo'))
    vidPlayer.width(screen.width)
  $(window).on("orientationchange", function (event) {   
     if(screen.width > screen.height){
         vidPlayer.width(height)
     }
         else{
             vidPlayer.width(width)
         }
});