仔细看一下该网站上提供的代码,它与WordPress默认输出的主要区别如下:
iframe用div包装,div的类为embed-container
在WordPress中,该类使用了CSS样式,要包装嵌入的iframe,请将以下内容添加到主题的函数中。php或功能插件:
add_filter(\'embed_oembed_html\', \'my_embed_oembed_html\', 99, 4);
function my_embed_oembed_html($html, $url, $attr, $post_id) {
return \'<div class="embed-container">\' . $html . \'</div>\';
}
并添加由
http://embedresponsively.com/ 主题:
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
我测试了过滤器,效果很好。我没有测试CSS,这将由你来决定。
过滤器的来源:http://wordpress.org/support/topic/adding-a-wrapping-div-to-video-embeds?replies=2