Estou tentando determinar qual é a maneira mais eficiente de carregar vídeos em um clique de um usuário usando o jQuer

Para dar mais contexto, terei cerca de 30 clipes no YouTube, cada um entre 30 a 60 segundos, e gostaria de carregá-los dinamicamente em uma div no lado direito da página, à medida que o usuário navega nos tópicos e possíveis videoclipes no lado esquerdo.

Agora, eu configurei este HTML e jQuery. Funciona, mas estou curioso para saber se existe um método melhor:

<div class="wrapper">
    <div class="details_left">
        <div class="cluster">
            <a href="#" id="johnk" class="vid_trigger"><div class="title">The importance of demonstrating intellectual curiosity</div></a>
            <div class="role">John K: Summer Consultant, BCG</div>
            <div class="summary">Discussion on how curiousity is important to show in interviews because it leads to better answers on the job</div>
        </div>
    </div>
    <div class="details_right" id="video_container">
        video
    </div>   
</div>

E o jQuery:

$('#johnk').click( function(){
    $('#video_container').html('<iframe width="425" height="349" src="http://www.youtube.com/embed/bMvRdr-mUOU?rel=0" frameborder="0" allowfullscreen </iframe>');
})

Para reduzir a codificação manual de um .click () para cada vídeo, estou pensando em criar uma matriz associativa com o código ids-> embed. Existe uma maneira melhor de realizar a mesma funcionalidade com mais eficiência?

Agradecemos antecipadamente por qualquer insights