Fancybox - Youtube在保持宽高比的同时嵌入100%

时间:2013-10-11 15:47:18

标签: javascript jquery css youtube fancybox

我想知道是否有一种方法可以在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
    });

1 个答案:

答案 0 :(得分:0)

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