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

我想加载视频onclick我的网页中的图像。为此，我使用了下面的代码。加载视频时显示加载图标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>

的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视频所取代。我需要的是display a loading icon，直到video是loading。怎么做？

来源

2012-12-21 Sam Hanson

http://stackoverflow.com/questions/6500515/how-can-i-have-a-loading-icon-appear-before-an-iframe-is-comepletely-loaded？ –

请您click函数中添加以下CSS属性：

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

您还需要CSS属性display:inline-block;添加到#newID，如果显示是inline（默认值）。

用实际加载图像替换http://mysite/myloadingimage.gif。使用动画GIF的漂亮的加载效果。

加载图片需要使用CSS背景属性居中。这可能取决于图像的大小。

来源

2012-12-21 06:38:23 closure

对不起。不工作。 –

真的很抱歉，我错过了您在下一个陈述中替换图片的想法。给我2分钟，我会给你一个解决方案。 – closure

请让我知道结果。如果它仍然不工作，请使用http://jsfiddle.net设置一个小提琴 – closure

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

回答

相关问题