jQuery改變視頻播放器的尺寸

James在這裏。我正在開發一個處理帖子的項目（實際上是兩個需要相同代碼的項目），除了內容始終是用戶屏幕的100％，並且使用jquery來分隔寬度以使相同數量的列沒有不管什麼屏幕分辨率。但是，我對視頻帖子有問題。如果任何人都可以幫助我寫（或寫，這會更有幫助）腳本，強制默認500px視頻的帖子的寬度？我用來劃分帖子的腳本如下。 ALL的任何答案都會有所幫助。哦，我碰到了這個，因爲它已經快一週了，而且我還沒有收到工作腳本。jQuery改變視頻播放器的尺寸

var container = function(){ 
    var posts = $(document).width() - 40; 
    var entry = (posts - 200)/5; 
    $("#posts").css("width", posts); 
    $(".entry").css("width", entry); 
    $("img.photo").css("width", entry - 22); 
} 

container();

我上http://jamestestblog5.tumblr.com 謝謝你給任何人這樣做的網站誰可以幫助這一點，它確實困擾着我！

來源

2012-04-20 James Charless Dickinson

哪種視頻播放器，你用？ – 2012-04-20 20:49:51

我不控制，tumblr呢。這完全在Tumblr主題上。 D：它可以是YouTube，Vimeo或Tumblr的播放器......我更喜歡一個無論如何都行得通的腳本（如果你知道我的意思，不依賴公司玩家）。這就是爲什麼我有iframes，嵌入和對象的代碼。 – 2012-04-20 20:51:32

Hiya James我可以用你上面提到的鱈魚眼鏡，而不是用你的眼睛彈一下嗎？它與tumblr一個工作的例子，否則你可以提供jsfiddle我可以看到我能做什麼，歡呼bruv！ – 2012-04-20 20:55:14

你好請參閱演示這裏：http://jsfiddle.net/ytcAk/

您可以閱讀邏輯，當你點擊按鈕成長。

從舊解決方案分叉。 :)（請讓我知道，如果這是你在找什麼如果不是我會刪除此帖子）

jQuery代碼

function increaseVideoSize() { 
    var columnWidth = 450; // width of your content column - any 
    var defaultVideoWidth = 400; // theme tag width - 400,500 
    var increaseRatio = columnWidth/defaultVideoWidth; 
    $(".video-post").each(function() { 
     var iframe = $("iframe", this); 
     if(iframe.length>0) { 
      var currHeight = iframe.height(); 
      var newHeight = currHeight * increaseRatio; 
      iframe.height(newHeight).width(columnWidth); 
     } else { 
      var object = $("object", this); 
      var embed = $("embed", object); 
      var currHeight = object.attr('height'); 
      var newHeight = currHeight * increaseRatio; 
      object.width(columnWidth).attr('height', newHeight); 
      embed.width(columnWidth).attr('height', newHeight); 
     }; 
    }); 
};

來源

2012-04-20 20:58:45

我是新來的......你介意把相同的代碼嵌入到我以前用過的代碼中嗎？顯然取代我（愚蠢的嘗試）調整視頻的大小。是的，這似乎是我正在尋找...我只需要幫助把它放在一個代碼。 – 2012-04-20 21:00:22

Hiya @JamesCharless你可以使用上面提到的'increaseVideoSize'來替換你的resize函數，並確保你的類設置爲收集，即''.video-post''它將一切正常; ** Jsfiddle **將幫助您瞭解它是如何組合在一起的，並將代碼從jsfiddle切片到您的代碼並嘗試使用，希望這有助於您！歡呼聲布魯夫！ – 2012-04-20 21:04:25

你能提供一個大代碼嗎？（我原來的那個+你的新的）？這會讓我更容易，而且我不知道如何將兩者結合起來。 – 2012-04-20 21:07:22

jQuery改變視頻播放器的尺寸

回答

相關問題