jquery - 前のビデオの最後に次のビデオを自動的にロードする方法をJQueryにしますか?

Question

私はこのビデオのリストを持っています

watch?v=IcrbM1l_BoI
watch?v=t2hlcavdwrQ
watch?v=lDK9QqIzhwk

そして、これらのビデオをフルスクリーンで再生し、フルスクリーンを終了せずに次のビデオを自動的にロードしたい (9gag.tv のように) アイデアはありますか? コードを添付しました

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(document).ready(function(){

$('.buton_video').click( function(e){
e.preventDefault();
var URL = $(this).attr('href');
var htm = '<iframe width="738" height="450" src="http://www.youtube.com/embed/' + URL + '?wmode=transparent&rel=0&theme=light&color=white&autoplay=1" frameborder="0" allowfullscreen ></iframe>';

$('#video_div').html(htm);

return false;
});
});
});//]]>  

</script>


  <a href="IcrbM1l_BoI" class="buton_video">Avicii - Wake me up</a><br/>
<a href="t2hlcavdwrQ" class="buton_video">Ahmed Chawki feat Pitbull - HABIBI I Love You</a><br/>
<a href="lDK9QqIzhwk" class="buton_video">Bon Jovi - Livin' On A Prayer</a><br/>



<div id="video_div">
<iframe width="738" height="450" src="http://www.youtube.com/embed/IcrbM1l_BoI?wmode=transparent&rel=0&theme=light&color=white&autoplay=1" frameborder="0" allowfullscreen ></iframe>
</div>

何か助けはありますか？ありがとう！