{"id":420,"date":"2013-04-02T21:27:08","date_gmt":"2013-04-02T20:27:08","guid":{"rendered":"http:\/\/powered-by-haiku.co.uk\/?page_id=420"},"modified":"2013-04-22T09:45:25","modified_gmt":"2013-04-22T08:45:25","slug":"multiple-quality-levels-jw6","status":"publish","type":"page","link":"http:\/\/powered-by-haiku.co.uk\/?page_id=420","title":{"rendered":"Multiple quality levels | JW6"},"content":{"rendered":"

\nSetting up multiple quality levels is as simple as providing additional sources for each file type, and including data-bitrate<\/code> and\/or data-width<\/code> parameters for each: <\/p>\n

<div class=\"jw-settings\" id=\"my_simple_settings\">
\n     <video id=\"my_simple_video\" poster=\"\/posters\/big-buck-bunny-preview.jpg\" preload=\"none\">
\n          <source src=\"\/videos\/mp4\/big-buck-bunny-360.mp4\" type=\"video\/mp4\" data-bitrate=\"555\" data-width=\"360\" data-label=\"SD\" \/>
\n          <source src=\"\/videos\/mp4\/big-buck-bunny-540.mp4\" type=\"video\/mp4\" data-bitrate=\"777\" data-width=\"540\" \/>
\n          <source src=\"\/videos\/mp4\/big-buck-bunny-720.mp4\" type=\"video\/mp4\" data-bitrate=\"999\" data-width=\"720\" data-label=\"HD\" \/>
\n     <\/video>
\n<\/div>
\n<\/code>\n<\/p>\n<\/p>\n

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<\/code> attribute. If this is not included then the data-width<\/code> is used instead.<\/p>\n

\n
\n MP4 (360p)<\/a>
\n MP4 (540p)<\/a>
\n MP4 (720p)<\/a>\n <\/div>\n<\/div>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

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″… Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":170,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=420"}],"version-history":[{"count":14,"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/420\/revisions"}],"predecessor-version":[{"id":493,"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/420\/revisions\/493"}],"wp:attachment":[{"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}