Ember.js - Hiding parent views in nested resources

I'm building a web video app that functions in a similar way to YouTube. My desired URL path is http://ift.tt/1AqCAXN. I've represented it in this way:

App.Router.map(function() {
  this.resource('videos', { path: '/:video_title' }, function(){
    this.resource('video', { path: '/:video_id' });
  });
});

The problem that I'm having is that the video-id url is also displaying the video-title template.

The video-title url should display search results of that video name and the video-id url should display the specific video and play it in a video player.

I'm new to Ember - perhaps I shouldn't use it for an app like this?