Youtube list with detail panel....how to append link to an iframe in detail panel
===

I've been looking at rdougan's split view here: http://stackoverflow.com/questions/9708945/how-to-embed-a-nestedlist-in-a-tabpanel/9844774#9844774

I've managed to get it to load youtube in a list on the left, and I'm nearly there getting it to display the video on click in the detail panel.

The problem I am having is instead of the video appearing in the detail panel, I just get the link to the youtube video: http://www.youtube.com/watch?v=HkljEYkdo-s&feature=youtube_gdata_player 

The bit of code that is responsible for putting the link in the detail panel is this part:

      var detailPanel;
      detailPanel = this.getMovieDetails();   // Get a reference to the panel
      detailPanel.setHtml(record.get('player_default'));  // Set the data in the panel

How would I go about appending an iFrame such as this in the setHtml part, something like:

      <iframe src="{player_default}" width="100%" height="40%" frameborder="0"></iframe>

...so it would set the HTML to this:

      <iframe src="http://www.youtube.com/watch?v=HkljEYkdo-s&feature=youtube_gdata_player" width="100%" height="40%" frameborder="0"></iframe>