jquery - 我如何在 html 中使用 jQuery css 将显示图像的视频放在图像前面？

Question

例如，我需要将图像放在图像的中心作为 http://www.press75.com/themes/video-elements-theme-demo/

在网页代码上检查页面是否存在视频，如果是则用 anchor 标记包裹图像

<img src="myimage" alt=""/>

如果图像发现它是这样的

<a href="embedelink" id="videofound">    <img src="myimage" alt=""/></a>

现在，如果链接打开，则会打开一个显示其中视频的花式框。现在我有一个问题，有人可以向我展示它在图像中间显示播放图像的 css，如演示所示。

我怎么能把css比他们的没问题呢。好吧，在 m 情况下，图像大于 height="367"width="550"

有人可以告诉我它的 css 吗。

谢谢

Answer 1

如果使用 Jquery 看看 http://fancybox.net/

代码摘自 http://fancybox.net/howto

$(document).ready(function() {

    /* This is basic - uses default settings */

    $("a#single_image").fancybox();

    /* Using custom settings */

    $("a#inline").fancybox({
        'hideOnContentClick': true
    });

    /* Apply fancybox to multiple items */

    $("a.group").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });

});