title: How can I zoom into video and switch streaming of videos in the same HTML5 player?
body: <p>I have video that will be divided into 4 videos. </p>
  
  <p><img src="https://i.stack.imgur.com/vdynu.jpg" alt="enter image description here"></p>
  
  <p>First the player will stream a lower resolution of the original video, then the user can zoom into the video to see more details, I need the player to stream one of the 4 videos - that's higher in resolution- based on where the user zoomed in.</p>
  
  <p>How can I make that using VideoJS or any other video player ?</p>