Youtube video to div

gistfile1.js

<div id="video_container"></div>

<a href="bMvRdr-mUOU" class="vid_trigger">

<script type="text/javascript">
$('.vid_trigger').click( function(e){
e.preventDefault();
var URL = $(this).attr('href');
var htm = '<iframe width="615" height="460" src="http://www.youtube.com/embed/' + URL + '?autoplay=1&wmode=transparent" frameborder="0" allowfullscreen ></iframe>';

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

return false;
});
</script>

Hi

I have tested this on an Ipad and it will only change a video if one is playing otherwise no response from links.