0

YouTube/vimeo ビデオのページで jquery-oembed-all を使用しています。そして、それは私が必要とするサイズよりもやや大きいか、それ以上です。classを保持しているの css プロパティを変更しようとしましたaが、うまくいきませんでした。iframecssで選択することで高さと幅を変更できますが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;
}
4

1 に答える 1

0

.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
});
于 2014-11-15T23:07:00.300 に答える