title: Vimeo video - Auto Quality within HTML5 tag
body: <p>I have a Vimeo Pro account which goes a little further than simply embedding a Vimeo file.</p>
  <p>Instead, we are provided with a series of MP4 files (our video) which crucially allow us to use these in a HTML5 Video tag</p>
  <p><strong>High def 1080 (mp4, 1920x1080)</strong>
  <a href="https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acfd4ac6afad743e43af58c7770&amp;profile_id=175" rel="nofollow noreferrer">https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acfd4ac6afad743e43af58c7770&amp;profile_id=175</a></p>
  <p><strong>High def (mp4, 1280x720)</strong>
  <a href="https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acfd4ac6afad743e43af58c7770&amp;profile_id=174" rel="nofollow noreferrer">https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acfd4ac6afad743e43af58c7770&amp;profile_id=174</a></p>
  <p><strong>Standard def (mp4, 960x540)</strong>
  <a href="https://player.vimeo.com/external/1234.sd.mp4?s=c2831c9383e9510d4e1120242fef4a2b0270e9b8&amp;profile_id=165" rel="nofollow noreferrer">https://player.vimeo.com/external/1234.sd.mp4?s=c2831c9383e9510d4e1120242fef4a2b0270e9b8&amp;profile_id=165</a></p>
  <p><strong>etc</strong></p>
  <p>Ultimately, my HTML looks like this</p>
  <pre><code>&lt;video style=&quot;display:none;&quot; muted playsinline id=&quot;backgroundvid&quot;&gt;
  &lt;source type=&quot;video/mp4&quot; src=&quot;https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acewrwerwerewr&amp;profile_id=123&quot;&gt;
  &lt;/video&gt;
  </code></pre>
  <p>The issue here is that specifying a hard-wired quality setting means our videos are devoid of adaptive bitrate settings.</p>
  <p>Weirdly enough, a traditional Vimeo embed gets an AutoMode setting</p>
  <blockquote>
  <p>All videos on Vimeo default to Auto mode, which picks the best quality
  video for each viewer’s playback environment. Vimeo Plus, PRO, and
  Business members can default an embedded video to a specific quality
  by adding the quality parameter to the end of the player URL in the
  embed code.</p>
  <p>For example, if you want to default the embed to 1080p,
  you would add: <a href="https://player.vimeo.com/video/157588560?quality=1080p" rel="nofollow noreferrer">https://player.vimeo.com/video/157588560?quality=1080p</a></p>
  <p>You can combine multiple URL parameters using an ampersand (&amp;). For
  example:
  <a href="https://player.vimeo.com/video/157588560?autoplay=1&amp;quality=1080p" rel="nofollow noreferrer">https://player.vimeo.com/video/157588560?autoplay=1&amp;quality=1080p</a></p>
  </blockquote>
  <p>Can anyone tell me how I use a direct MP4 link and set it to AutoMode?
  Thanks</p>