Настройка jquery-oembed-all для моих нужд

Question

Я использую jquery-oembed-all на моей странице для видео youtube/vimeo. И его несколько больше или больше, чем размер, который мне нужен. Я попытался изменить свойство css class, которое держит a, но это не сработало. Хотя я могу изменить высоту и ширину, выбрав iframe в css. Но игрок не сокращается. А также есть стрелка вверх и вниз, чтобы скрывать/отображать 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

Есть некоторые параметры, которые можно указать при вызове oembed() метод в файле .js. Вот некоторые значения по умолчанию настройки:

$.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 
});