HTML5拖放，还是JqueryUI拖放？(HTML5 Drag and Drop, Or JqueryUI Drag and Drop?)

 正如您已经想到的那样，看起来代码执行时无法识别播放器元素。 当模块第一次加载时，DOM肯定没有准备好。 在activate（）回调函数期间甚至可能没有准备好。 设置jwplayer的正确时间可能在viewAttached（）回调中。 
 
 您可以在Composition Callbacks部分中阅读有关viewAttached回调的更多信息： http ：//durandaljs.com/documentation/Hooking-Lifecycle-Callbacks/ 
 
 像这样的东西： 
 
define(['jwplayer/jwplayer','durandal/plugins/router','durandal/app'], function (jwplayer,router,app) {

  return {
    router: router,
    activate: function () {
        ...
    },
    viewAttached: function(){
      jwplayer.api('player').setup({
        width: '320',
        height: '40',
        sources: [{
            file: "rtmp://127.0.0.1:1935/vod/mp3:sample_1.mp3"
        },{
            file: "http://127.0.0.1:1935/vod/sample_1.mp3/playlist.m3u8"
        }]
      });
    }
  }; 
});

As you already figured out, it looks like the player element isn't recognized when the code is executing. When the module is loading for the first time, the DOM definitely isn't ready. It may not even be ready during the activate() callback function. The right time to setup the jwplayer is probably in the viewAttached() callback.
 
You can read more about the viewAttached callback here in the Composition Callbacks section: http://durandaljs.com/documentation/Hooking-Lifecycle-Callbacks/
 
Something like this:
 
define(['jwplayer/jwplayer','durandal/plugins/router','durandal/app'], function (jwplayer,router,app) {

  return {
    router: router,
    activate: function () {
        ...
    },
    viewAttached: function(){
      jwplayer.api('player').setup({
        width: '320',
        height: '40',
        sources: [{
            file: "rtmp://127.0.0.1:1935/vod/mp3:sample_1.mp3"
        },{
            file: "http://127.0.0.1:1935/vod/sample_1.mp3/playlist.m3u8"
        }]
      });
    }
  }; 
});