根据表格内容构建videojs播放列表？

Question

我想从html表中获取数据，并根据tr数据创建videojs播放列表。

我该如何实现：

var playlist_content = [{
  sources: [{
    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
}, {
  sources: [{
    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
}];

player.playlist(playlist_content);

通过从此表中获取数据：

<table>
    <tr data-src="http://media.w3.org/2010/05/sintel/trailer.mp4" data-type="video/mp4" data-poster="http://media.w3.org/2010/05/sintel/poster.png"><td>Video 1</td></tr>
    <tr data-src="http://media.w3.org/2010/05/bunny/trailer.mp4" data-type="video/mp4" data-poster="http://media.w3.org/2010/05/bunny/poster.png"><td>Video 2</td></tr>
</table>

我的非工作尝试：

var playlist_content = {};
$("table tr").each(function() {
    playlist_content[]["sources"]["src"]    = $(this).data('src');
    playlist_content[]["sources"]["type"]   = $(this).data('type');
    playlist_content[]["poster"]            = $(this).data('poster');
});
player.playlist(playlist_content);