Javascript 视频响应不'；行不通

我以这种方式在博客上插入了一段视频

CSS

JS

$（文档）.ready（函数（）{
$（'iframe'）。每个（函数（）{
$（此）.wrap（“”）；
});
}); 

在本教程之后，现在我插入了一个用于隐藏视频的jQuery动画

jquery效果有效，但这样视频就没有响应。

您的

div#wr

具有固定宽度。把它取下来

#wr {
    margin: 0px auto;
    text-align: left;
}

此外，您的jQuery代码可以简化为：

$(document).ready(function () {
    $('iframe').each(function () {
        $(this).wrap('<div class="flex-video"></div>');
    });

    if ($('div.trigger')) {
        $('div.trigger').click(function (e) {
            $(this).toggleClass('open')
                .toggleClass('close')
                .next()
                .slideToggle(100);

            e.preventDefault();
        });
    }
});

$（文档）.ready（函数（）{
$（'iframe'）。每个（函数（）{
$（此）.wrap（“”）；
});
如果（$（'div.trigger'））{
$（'div.trigger'）。单击（函数（e）{
$（this.toggleClass（'open'））
.toggleClass（'关闭'）
.next（）
.滑动切换（100）；
e、 预防默认值（）；
});
}
});

---

完整代码：

使用

max width

代替

width

$（文档）.ready（函数（）{
$（'iframe'）。每个（函数（）{
$（此）.wrap（“”）；
});
}); 
$（文档）.ready（函数（）{
如果（$（'div.trigger'）。长度>0）{
$（'div.trigger'）。单击（函数（）{
if（$（this）.hasClass（'open'））{
$（this.removeClass（'open'）；
$（this.addClass（'close'）；
$（this.next（）.slideDown（100）；
返回false；
}否则{
$（this.removeClass（'close'）；
$（this.addClass（'open'）；
$（this.next（）.slideUp（100）；
返回false；
}			
});
}
});
.flex视频{
位置：相对位置；
填充顶部：25px；
垫底：67.5%；
身高：0；
边缘底部：16px；
溢出：隐藏；
}
.flex-video.widescreen{填充底部：57.25%；}
.flex-video.vimeo{填充顶部：0；}
.flex视频iframe，
.flex视频对象，
.flex视频嵌入{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
@仅媒体屏幕和（最大设备宽度：800px）、仅屏幕和（设备宽度：1024px）和（设备高度：600px）、仅屏幕和（宽度：1280px）和（方向：横向）、仅屏幕和（设备宽度：800px）、仅屏幕和（最大宽度：767px）{
.flex视频{填充顶部：0；}
}
#西铁{
最大宽度：800px；
保证金：0px自动；
文本对齐：左对齐；
}
.trigger，.trigger a{
显示：块；
最大宽度：680px；
高度：100px；
文本缩进：-999999 em；
溢出：隐藏；
}
.扳机{
背景：url(http://rtse.co.uk/images/clickhere.png)无重复0px 0px；
}
.结束{
背景：url(http://i.imgur.com/J3iA56c.png)无重复0px 0px；
}
.cnt{
显示：无；
}
.cl{
宽度：100%；
明确：两者皆有；
线高：0px；
字体大小：0px；
}







请创建一个JSFIDLE复制您的问题。这里是：）如果调整输出大小，第一个视频不会调整大小。单击“单击此处”按钮以显示第一个视频。
#wr {
    margin: 0px auto;
    text-align: left;
}

$(document).ready(function () {
    $('iframe').each(function () {
        $(this).wrap('<div class="flex-video"></div>');
    });

    if ($('div.trigger')) {
        $('div.trigger').click(function (e) {
            $(this).toggleClass('open')
                .toggleClass('close')
                .next()
                .slideToggle(100);

            e.preventDefault();
        });
    }
});