Setting up multiple quality levels is as simple as providing additional sources for each file type, and including data-bitrate and/or data-width parameters for each:
<div class="jw-settings" id="my_simple_settings">
<video id="my_simple_video" poster="/posters/big-buck-bunny-preview.jpg" preload="none">
<source src="/videos/mp4/big-buck-bunny-360.mp4" type="video/mp4" data-bitrate="555" data-width="360" data-label="SD" />
<source src="/videos/mp4/big-buck-bunny-540.mp4" type="video/mp4" data-bitrate="777" data-width="540" />
<source src="/videos/mp4/big-buck-bunny-720.mp4" type="video/mp4" data-bitrate="999" data-width="720" data-label="HD" />
</video>
</div>
In JW6 each quality level for the playable source is provided as a selectable option in the resulting control bar. The label displayed for each quality level is set using the data-label attribute. If this is not included then the data-width is used instead.