Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to get various sized vimeo videos to display (new video pushes previous video to new size) in ExpressionEngine
    primarykey
    data
    text
    <p>I am a beginner in ExpressionEngine (and other code languages for that matter). Anyways, I am creating a video tutorial site, I have my expression engine site set up so I have categories in one channel. These categories filter content to the corresponding page. However, I want my site to have a featured video, which will be the newest posted video. Once I publish a new video, I want it to take the main stage and push the previous video to a smaller size. I am using Vimeo as a video host so all videos will be on Vimeo. </p> <p>Here is my code in my main page for sorting new from old content</p> <pre><code>{exp:channel:entries limit="10"} &lt;div class="main_feature"&gt; {if count==1} &lt;div class="video_large"&gt; {/if} {if count !=1} &lt;div class="video_small"&gt; {/if} &lt;h2&gt;{video_tutorial_title}&lt;/h2&gt; {video_tutorial_link} {video_tutorial_summary} &lt;/div&gt; {/exp:channel:entries} </code></pre> <p>I have them filtering to two different styles. My CSS looks like this...</p> <pre><code>.video_large { height: 960px; width: 640px; } .video_small { height: 180px; width: 320px; } </code></pre> <p>When entering my new content/videos. I have been using the embed code from each video and removing the height and width from them thinking the div would then resize it. It looks as if it resized all the videos to 180x340 but for the newest video it looks like it created a 640x960 div, the video just doesn't fill the entire div. I am hoping I won't need any plug ins or anything like that. I am hoping its just something basic I am overlooking. Any help is greatly appreciated. Thank you!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload