{"id":243,"date":"2013-03-21T14:45:31","date_gmt":"2013-03-21T14:45:31","guid":{"rendered":"http:\/\/powered-by-haiku.co.uk\/?page_id=243"},"modified":"2013-04-02T21:05:18","modified_gmt":"2013-04-02T20:05:18","slug":"jw-html-config-setup","status":"publish","type":"page","link":"http:\/\/powered-by-haiku.co.uk\/?page_id=243","title":{"rendered":"JW HTML Config &#8211; Setup"},"content":{"rendered":"<p>I&#8217;ve tried to keep the setup and configuration as simple as possible. However, if you run into any issues feel free to ping me message on twitter (@jherrieven) and I&#8217;ll be happy to help.<br \/><strong>Please bear in mind this is a work in progress and as such may not currently cater for the more complex JW Player configurations.<\/strong>\n<\/p>\n<h2>DOCTYPE<\/h2>\n<p>\nAt the top of your page make sure the HTML5 doctype is declared:\n<\/p>\n<p><code class=\"code-block\">&lt;!DOCTYPE html&gt;<br \/>\n<\/code><\/p>\n<p>\nHTML5 video will not work smoothly in some browsers (IE9 for example) if this declaration is missing.\n<\/p>\n<h2>Include the libraries in the &lt;HEAD&gt;<\/h2>\n<p>\nInclude a link to the JW Player and JW HTML Config libraries in the <code>head<\/code> section of your page:\n<\/p>\n<p><code class=\"code-block\">&lt;!-- JW Player Library --&gt;<br \/>\n&lt;script src=\"[\/path\/to\/jwplayer]\/jwplayer.js\"&gt;&lt;\/script&gt;<br \/>\n&lt;!-- JW HTML Config Library --&gt;<br \/>\n&lt;script src=\"[\/path\/to\/jw-html-config]\/jwplayer-html-config.min.js\"&gt;&lt;\/script&gt;<br \/>\n<\/code><\/p>\n<p>\nWhilst it is recommended to have the JW Player library load in the <code>head<\/code> section of your page, this may not always be possible &#8211; this can therefore be loaded within the <code>body<\/code> tag.\n<\/p>\n<p>\nIf including the JW HTML Config library in the <code>body<\/code> tag also, this should appear after the JW Player library at the bottom of the <code>body<\/code> tag.\n<\/p>\n<p>\nThat&#8217;s it! You are now ready to use HTML to configure JW Player to ensure consistent playback of your videos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve tried to keep the setup and configuration as simple as possible. However, if you run into any issues feel free to ping me message on twitter (@jherrieven) and I&#8217;ll be happy to help.Please bear in mind this is a work in progress and as such may not currently cater for the more complex JW&hellip; <a href=\"http:\/\/powered-by-haiku.co.uk\/?page_id=243\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":100,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-243","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/243","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=243"}],"version-history":[{"count":7,"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":335,"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/243\/revisions\/335"}],"wp:attachment":[{"href":"http:\/\/powered-by-haiku.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}