fancybox按钮消失

Question

当我点击按钮时，fancybox iframe打开，视频正在播放，但我点击的按钮就消失了。

HTML

<div id="playlightbox">

    <a id="videoplay" class="fancybox fancybox.iframe" rel="group"></a>

</div>

的Javascript

$(document).ready(function() {
    $(".fancybox").fancybox();
});

button.onclick = function () {
                    var selectedId = this.id;


                    onYouTubeIframeAPIReady(selectedId);


                    var videoUrl = 'http://www.youtube.com/embed/' + player.h.h.videoId;

                    var a = document.getElementById('videoplay');
                    a.setAttribute('href', videoUrl);

                    a.appendChild(this); //reason the button disappear


                };

Devoloper工具（当我点击按钮时，这是我在devloper工具中获得的，它可以工作，但按钮消失了）

<a id="videoplay" class="fancybox fancybox.iframe" rel="group" href="http://www.youtube.com/embed/JP5Dr63TbSU"><button id="JP5Dr63TbSU" style="height: 35px;">Watch Trailer</button></a>

非常感谢任何帮助！ =]