{"id":1513,"date":"2012-05-04T17:53:28","date_gmt":"2012-05-04T09:53:28","guid":{"rendered":"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/?p=1513"},"modified":"2012-05-08T12:29:40","modified_gmt":"2012-05-08T04:29:40","slug":"drupal-6-jwplayer","status":"publish","type":"post","link":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/?p=1513","title":{"rendered":"Drupal 6 JWPlayer"},"content":{"rendered":"<p>I will stick to use Drupal 6 as long as <a href=\"http:\/\/drupal.org\/project\/gallery\">Gallery 2 module<\/a> can&#8217;t run on Drupal 7 . <\/p>\n<p>The JWPlayer module for Drupal 6 now supports HTML 5 format for launching video able to be viewed by iPhones\/iPad devices. In order to install this module , apache&#8217;s php version should be higher than 5.2 for installing drupal module &#8220;emfield&#8221; because jwplayer needs emvideo which is included in emfield.<\/p>\n<p> The list of required modules are as follows : <\/p>\n<p>&#8211; <a href=\"http:\/\/drupal.org\/project\/jquery_ui\"> jQuery UI module for Drupal 6 <\/a> , Download <a href=\"http:\/\/code.google.com\/p\/jquery-ui\/downloads\/list?q=1.6\">JQuery plugin <\/a> extract to sites\/all\/libraries directory (mv jquery.ui-1.6 jquery.ui) <br \/>\n&#8211; <a href=\"http:\/\/drupal.org\/project\/cck\">CCK module for Drupal 6<\/a><br \/>\n&#8211; <a href=\"http:\/\/drupal.org\/project\/emfield\"> emfield module for Drupal 6<\/a><br \/>\n&#8211; <a href=\"http:\/\/drupal.org\/project\/media_youtube\">media youtube module for Drupal 6<\/a><br \/>\n&#8211; <a href=\"http:\/\/drupal.org\/project\/getid3\">getid3 module for Drupal 6<\/a> , Download <a href=\"http:\/\/prdownloads.sourceforge.net\/getid3\">getid3 libraries<\/a>  and extracted into sites\/all\/libraries\/getid3\/<br \/>\n&#8211; <a href=\"http:\/\/drupal.org\/project\/jwplayermodule\">JWPlayer module for Drupal 6 <\/a><\/p>\n<p>Always check if there is missing dependencies , like libraries , from accessing : http:\/\/yoursite\/admin\/reports\/status<\/p>\n<p> If all required modules are installed , you should see below module list from http:\/\/yoursite\/admin\/build\/modules : <\/p>\n<p><a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer1.JPG\" title='' data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer1.JPG' alt='jwplayer1.JPG' width=450 \/><\/a><\/p>\n<p><a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer2.JPG\" title='' data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer2.JPG' alt='jwplayer2.JPG' width=450 \/><\/a><\/p>\n<p>After installation is done , ensure your drupal site allows upload of mp4 format video by accessing http:\/\/yoursite\/admin\/settings\/uploads, and update <b>&#8220;Default permitted file extensions:&#8221;<\/b> to include <b>.mp4<\/b> <\/p>\n<p>Now get to http:\/\/yoursite\/admin\/settings\/jwplayermodule to &#8220;Install Latest JW Player&#8221; <\/p>\n<p><a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer3.JPG\" title='' data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer3.JPG' alt='jwplayer3.JPG' width=450 \/><\/a><br \/>\nAfter clicking the button &#8220;Install Latest JW Player&#8221; , you will see a demo video :<br \/>\n<a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer4.JPG\" title='' data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer4.JPG' alt='jwplayer4.JPG' width=450 \/><\/a><\/p>\n<p>Next , Create a custom player called &#8220;myplayer&#8217; :<br \/>\n<a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer5.JPG\" title='' data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer5.JPG' alt='jwplayer5.JPG' width=450\/><\/a><\/p>\n<p>Create a page node  : http:\/\/yoursite\/node\/add  , and upload a movie in .mp4 ,e.g. CUHK_cantonese-avc-mid-quality.mp4 and an image .jpg  , e.g.CU-MOVIE.JPG  as File attachments to the page node  :<br \/>\n<a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer7.JPG\" title='' data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer7.JPG' alt='jwplayer7.JPG' width=450\/><\/a><\/p>\n<p>Then edit the body as below : <\/p>\n<blockquote>\n<p>\n[jwplayer<br \/>\n|config=myplayer<br \/>\n|file=http:\/\/cosmo.se.cuhk.edu.hk:1080\/sites\/default\/files\/CUHK_cantonese-avc-mid-quality.mp4<br \/>\n|image=http:\/\/cosmo.se.cuhk.edu.hk:1080\/sites\/default\/files\/CU-MOVIE.JPG]\n<\/p>\n<\/blockquote>\n<p><a href=\"http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer6.JPG\" title='' data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\"><img src='http:\/\/www.se.cuhk.edu.hk\/~hmleung\/wordpress\/wp-content\/uploads\/2012\/05\/jwplayer6.JPG' alt='jwplayer6.JPG'  width=450 \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I will stick to use Drupal 6 as long as Gallery 2 module can&#8217;t run on Drupal 7 . The JWPlayer module for Drupal 6 now supports HTML 5 format for launching video able&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":1514,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1513","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"_links":{"self":[{"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1513"}],"version-history":[{"count":0,"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1513\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=\/wp\/v2\/media\/1514"}],"wp:attachment":[{"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www1.se.cuhk.edu.hk\/~hmleung\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}