title: Change resolution for a video on Chrome using Console
body: <p>is it possible to change the resolution of an embedded video via console? Previously, I happened to find a pretty cool trick to speed up a video (even exceeding the default speed options) just by typing this command on console <code>document.querySelector('video').playbackRate = 3.0;</code>. I wonder is there any similar trick for video resolution. My specific case is that I am doing online learning and want to have the videos to be of higher resolution. These videos are youtube videos that offer multiple options for resolution (on youtube) but the webpage which I learn somehow doesn't show the button for personal customization. I am a non-tech person so step-by-step guidance would be very appreciated.</p>
  
  <p><a href="https://i.stack.imgur.com/tFIu7.png" rel="nofollow noreferrer">Image of Edx Video: Always default at HD</a></p>
  
  <p><a href="https://courses.edx.org/courses/course-v1:MITx+6.431x+1T2020/courseware/Unit_5_Continuous_random_variables/sequential_Solved_problemsxxx/" rel="nofollow noreferrer">Edx webpage links to the above image: Require account and sign in to view</a></p>
  
  <p><a href="https://youtu.be/1872CEK5RqY" rel="nofollow noreferrer">Link to youtube video: offer multiple quality setting</a></p>