2013-04-01 54 views
1

如何dispaly下面的代碼在Drupal 7模塊jQuery代碼在Drupal 7模塊

<script type="text/javascript" src="http://dubturbo1.counselstime.com/jwplayer/jwplayer.js"></script> 
    <script>jwplayer.key="76oyax0SAVqgDM580AJ3+K23kIuN8HFkgahYRQ=="</script> 
    <div id="my-video"></div> 
    <script type="text/javascript"> 
     jwplayer('my-video').setup({ 
      file: 'http://192.168.1.150/sathya/video_test_512kb.mp4', 
      width: '500', 
      height: '300', 
    controls: 'false', 
    autostart: 'true', 
    }); 
    </script> 

回答

1

您需要將它添加到一個JS文件,無論是你的模塊中(如有必要)或以其他方式只是把它在你的主題JS文件中,如果你不需要一個模塊來處理你正在做的事情。

把它包在一個Drupal行爲包裝:

(function($) { 

    Drupal.behaviors.setupVideo = { 
     attach: function (context) { 

      wplayer('my-video').setup({ 
      file: 'http://192.168.1.150/sathya/video_test_512kb.mp4', 
      width: '500', 
      height: '300', 
      controls: 'false', 
      autostart: 'true' 
      }); 

     } 
    }; 

})(jQuery); 

您還需要添加的第一個JS文件(jwplayer東西)在那裏了。將其添加爲主題中的行或將其添加到您的模塊中:

drupal_add_js(drupal_get_path('module', 'MY_MODULE') . '/js/jwplayer.js', 'file'); 
+0

非常感謝。它的工作很好.. – lifeline

+0

沒問題!我爲你+1了,所以你現在應該有足夠的代表upvote並接受答案:D –