加载视频javascript时显示加载图标

我正在尝试在我的网页中单击图像后加载视频。为此，我使用了以下代码

  <script type="text/javascript">
(function($) {
$('a.newID').click(function(){ 

$('#newID').html('<iframe src="http://www.youtube.com/embed/TJ2X4dFhAC0?autoplay=1"  frameborder="0" class="slide" allowtransparency="true" style="width:512px; height:288px;" id="ifm" title=""></iframe>');

});
}(jQuery));
</script>

（函数（$）{
$（'a.newID'）。单击（函数（）{
$（'#newID'）.html（''）；
});
}（jQuery））；

html代码：

<a href="#" title="" id="newID"><span class="play_icon"><img src="img/play_overON.png" alt=""></span>
    <img src="images/slider1.jpg" alt="" class="slide" />
    </a>

---

如果单击图像，图像将被iframe视频替换。我需要的是

显示加载图标

，直到

视频

加载。如何操作？

请在

单击功能中添加以下css属性：

 #newID {background-image:url(http://mysite/myloadingimage.gif)}

您还需要添加css属性
display:inline块内联
（默认），则代码>到#newID

替换
http://mysite/myloadingimage.gif
带有实际加载图像。使用动画gif以获得良好的加载效果

加载图像需要使用css背景属性居中。这可能取决于图像的大小。
？非常抱歉，我没有看到您在下一个声明中替换图像。给我2分钟，我会给你一个解决方案。请告诉我结果。如果仍然不起作用，请使用“欢迎使用”设置小提琴。对不起，我第一眼就忽略了代码。