如何从自定义字段OEmbedded、响应容器大小和响应

时间:2013-06-06 作者:Travis Pflanz

我正在使用Magic Fields 2添加自定义字段/元框。

一个自定义字段用于显示Vimeo或YouTube视频URL。

以下内容code oEmbeds the video URL:

<?php if (!((get_post_meta($post->ID, \'video_url\', TRUE))==\'\')) {
    echo wp_oembed_get( get_post_meta($post->ID, "video_url", true) );
}?>
为了调整视频大小,我在视频中添加了代码<div class="video"> 并使用CSS调整大小-.video iframe {width:500px;height:312px}.

问题是,这种方法没有响应能力。

我也试过了.video iframe {width:95%;height:95%}. 此输出看起来像-

enter image description here

这个Fluid Video Embeds plugin 似乎通过普通的WordPress方法和短代码来完成oEmbed的工作,但不使用自定义字段。

1 个回复
最合适的回答,由SO网友:Travis Pflanz 整理而成

我用完成了任务fitvids.js 通过使用插件FitVids for WordPress.

Chris Coyier在他的屏幕上描述了与WordPress的集成Integrating FitVids.js into WordPress (on YouTube).

我的自定义字段名为video_url. 我在模板中使用了以下代码:

<?php if (!((get_post_meta($post->ID, \'video_url\', TRUE))==\'\')) {
    echo wp_oembed_get( get_post_meta($post->ID, "video_url", true) );
}?>
在WordPress的FitVids设置中,只需输入表示视频最大宽度的包含div类或ID。

enter image description here

对于需要的用户,集成FitVids。js进入WordPress屏幕展示了如何检查jQuery主题和正确的CSS选择器。

结束

相关推荐

使OEmbedded在摘录字段上工作

如何使oEmbed在摘录字段上工作,以便只需将youtube url粘贴到其中,然后就能回显“get\\u the\\u extract()”?我还想过滤oEmbed并更改wmode,但我想我在这里找到了一个解决方案:http://code.hyperspatial.com/all-code/wordpress-code/oembed-wmode/编辑:废话!我错了,根本没用,什么都没发生。有没有更好的解决方案?