javascript - Fancybox - Youtube 嵌入 100%，同时保持纵横比

Question

我想知道是否有一种方法可以在 fancybox 中打开嵌入式 Youtube 视频并占用一定的宽度百分比，比如 100% 或尽可能大，同时保留其中包含的视频的宽高比。

我有:

$('.fancybox').fancybox({
        helpers: {
            media: {},
            overlay : {
                css : {
                    'background' : 'rgba(230, 230, 215, 0.95)'
                }
            }
        },
        padding: 0,
        margin: 30,
        width: '90%',
        aspectRatio : true,
        autoSize: false,
        arrows: false,
        closeBtn: false
    });

Answer 1

看起来使用某些 CSS 和/或 jQuery 是可行的。您将使用您的嵌入代码，而不是您的 Fancybox 代码。查看这篇文章:http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php