title: blogger+video.js how can i add quality levels like 1080p, 720p, 480p
body: <p>I add video.js in my <a href="https://www.blogger.com" rel="nofollow noreferrer">https://www.blogger.com</a>  website but how can I add quality levels like 1080p, 720p, 480p</p>
  
  <p>Codes I added</p>
  
  <p>In the head</p>
  
  <pre><code>&lt;link href="http://vjs.zencdn.net/5.16.0/video-js.css" rel="stylesheet"&gt;
  
  &lt;!-- If you'd like to support IE8 --&gt;
  &lt;script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In the body</p>
  
  <pre><code>&lt;script src="http://vjs.zencdn.net/5.16.0/video.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In the post</p>
  
  <pre><code>&lt;video id="my-video" class="video-js" controls preload="auto" width="640" height="480" poster="MY_VIDEO_POSTER.jpg" data-setup="{}"&gt;
      &lt;source src="http://drive.google.com/uc?export=download&amp;id=0B04gyvra-UorR0t5RGdmT3pPZ0k" type='video/mp4'&gt;
      &lt;p class="vjs-no-js"&gt;To view this video please enable JavaScript, and consider upgrading to a web browser that
          &lt;a href="http://videojs.com/html5-video-support/" target="_blank"&gt;supports HTML5 video&lt;/a&gt;
      &lt;/p&gt;
  &lt;/video&gt;
  </code></pre>