如何在ExpressionEngine中顯示各種尺寸的vimeo視頻（新視頻將以前的視頻推到新尺寸）

我是ExpressionEngine（以及其他代碼語言）的初學者。無論如何，我正在創建一個視頻教程網站，我有我的表達引擎網站設置，所以我有一個頻道的類別。這些類別將內容過濾到相應的頁面。不過，我希望我的網站擁有精選視頻，這將是最新發布的視頻。一旦我發佈了一個新視頻，我希望它能夠佔據主要舞臺並將之前的視頻推向更小的尺寸。我將Vimeo用作視頻主機，因此所有視頻都將位於Vimeo上。如何在ExpressionEngine中顯示各種尺寸的vimeo視頻（新視頻將以前的視頻推到新尺寸）

這是我在我的主網頁的代碼從舊的內容

{exp:channel:entries limit="10"} 
<div class="main_feature"> 

{if count==1} 
<div class="video_large"> 
{/if} 

{if count !=1} 
<div class="video_small"> 
{/if} 

<h2>{video_tutorial_title}</h2> 
{video_tutorial_link} 
{video_tutorial_summary} 


</div> 
{/exp:channel:entries}

我把它們過濾，兩種不同的風格分類新。我的CSS看起來像這樣...

.video_large { 
    height: 960px; 
    width: 640px; 
} 
.video_small { 
    height: 180px; 
    width: 320px; 
}

當輸入我的新內容/視頻。我一直在使用每個視頻中的嵌入代碼，並從它們中刪除高度和寬度，認爲div會調整它的大小。它看起來好像將所有視頻的大小調整爲180x340，但對於最新的視頻，它看起來像是創建了一個640x960的div，視頻並不能填滿整個div。我希望我不需要任何插件或類似的東西。我希望它只是我忽略的一些基本內容。任何幫助是極大的讚賞。謝謝！

來源

2012-12-13 Chris Biewer

Chris，考慮將未來EE問題發佈到ExpressionEngine Stack Exchange站點：http://expressionengine.stackexchange.com/ –

這個叫做FitVids的jQuery解決方案。它適用於使用流體設計的網站，但它也適用於這種情況。它調整目標容器內的任何視頻（在您的案例.main_feature）以填充其父容器的寬度。

然後，您也可以從您的CSS中刪除height聲明（以便您可以容納不同長寬比的視頻）。

來源

2012-12-13 15:02:38

沒有看到你的網頁很難說，但我認爲你必須設置嵌入iframe的寬度和高度爲100％，然後它應該工作。

來源

2012-12-13 20:25:09

reanimatedfallout.com這是我的網站。我試着進入嵌入代碼並將高度和寬度調整爲100％。它有助於增加視頻的大小，但它不會填滿960x540的分辨率。它看起來像是在處理視頻，因爲它仍然是581x211或任何默認大小。我嘗試使用高級選項並輸入960x540，然後將值更改爲100％，但仍然看起來像960x540 div中的581x211大小。我可以將尺寸硬編碼爲960x540，因此我知道該視頻未受到581x211的限制。我讚賞這個建議:) –

如何在ExpressionEngine中顯示各種尺寸的vimeo視頻（新視頻將以前的視頻推到新尺寸）

回答

相關問題