{"id":350,"date":"2013-03-26T10:29:13","date_gmt":"2013-03-26T10:29:13","guid":{"rendered":"http:\/\/powered-by-haiku.co.uk\/?page_id=350"},"modified":"2013-04-22T09:47:11","modified_gmt":"2013-04-22T08:47:11","slug":"single-setup-defining-source-from-youtube-jw5","status":"publish","type":"page","link":"https:\/\/powered-by-haiku.co.uk\/?page_id=350","title":{"rendered":"Single video – Defining source from YouTube | JW5"},"content":{"rendered":"

\nEmbedding a video source from YouTube is as simple as adding the YouTube URL to the source<\/code> tag and specifying the type to be video\/youtube<\/code>:<\/p>\n

\n<div class=\"jw-settings\" id=\"my_simple_settings\" data-skin=\"\/haiku\/haiku.xml\">
\n     <video id=\"my_simple_video\" controls poster=\"\/posters\/big-buck-bunny-preview.jpg\" preload=\"none\" >
\n          <source src=\"http:\/\/www.youtube.com\/watch?v=ShbC5yVqOdI\" type=\"video\/youtube\" \/>
\n     <\/video>
\n     <div class=\"jw-modes\">
\n          <div class=\"jw-mode\" data-type=\"html5\"><\/div>
\n          <div class=\"jw-mode\" data-type=\"flash\" data-src=\"\/jwplayer\/v5\/player.swf\"><\/div>
\n     <\/div>
\n<\/div>
\n<\/code>\n<\/p>\n

This results in the following YouTube video being wrapped in the JW Player:<\/p>\n

\n