根据我的需要定制jquery

Question

我在youtube/vimeo视频页面中使用jquery oembed all。而且它有点大，或者比我需要的尺寸还大。我尝试更改包含a的class的css属性，但没有成功。虽然我可以通过在css中选择iframe来更改iframe的高度和宽度。但球员并没有退缩。还有一个上下箭头标志可以隐藏/取消隐藏iframe播放器，我不希望它出现在我的页面中。我如何根据自己的需要定制jquery oembed all？

或者还有其他选择可以实现这一点吗？

任何帮助都将不胜感激。非常感谢。

html:

<div id="videos">
<div id="video_wrapper">
<div class="video_container">
<a href="http://www.youtube.com/watch?v=hWnAqFyaQ5s" class="embed" class="video"></a>
<p><a href="">This is the title</a></p>
<p>2 days ago</p>
</div>
<div class="video_container">
<a href="http://vimeo.com/86290699" class="embed video"></a>
<p><a href="">This is the title</a></p>
<p>2 days ago</p>
</div>
<div class="clear_left"></div>
</div>
</div>

css：

#videos #video_wrapper .video_container .video {
width: 180px;
}

Answer 1

当您在.js文件中调用oembed()方法时，可以指定一些设置。这里有一些默认设置：

$.fn.oembed.defaults = {
maxWidth: null,
maxHeight: null,
includeHandle: true,
embedMethod: 'auto',
// "auto", "append", "fill"     
onProviderNotFound: function() {},
beforeEmbed: function() {},
afterEmbed: function() {},
onEmbed: false,
onError: function() {},
ajaxOptions: {}
};

正如您所看到的，我们可以指定maxWidth，因此您的代码可以如下所示：

$('a.embed').oembed(null,{
maxWidth: 180
});