0

私は ExpressionEngine (およびその他のコード言語) の初心者です。とにかく、私はビデオ チュートリアル サイトを作成しています。表現エンジン サイトをセットアップしているので、1 つのチャネルにカテゴリがあります。これらのカテゴリは、対応するページにコンテンツをフィルター処理します。しかし、私は自分のサイトに注目のビデオを掲載したいと考えています。これが最新の投稿ビデオになります。新しいビデオを公開したら、それをメイン ステージにして、以前のビデオを小さいサイズにプッシュしたいと考えています。私は Vimeo をビデオ ホストとして使用しているので、すべてのビデオは 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}

私はそれらを2つの異なるスタイルにフィルタリングしています. 私のCSSは次のようになります...

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

新しいコンテンツ/ビデオを入力するとき。私は各ビデオの埋め込みコードを使用しており、高さと幅を削除して、div のサイズを変更すると考えています。すべてのビデオのサイズを 180x340 に変更したように見えますが、最新のビデオでは 640x960 の div を作成したように見えます。ビデオは div 全体を埋めていません。プラグインなどが必要ないことを願っています。私が見落としている基本的なものに過ぎないことを願っています。どんな助けでも大歓迎です。ありがとうございました!

4

2 に答える 2

1

これにはFitVidsという jQuery ソリューションがあります。流動的なデザインを使用するサイト用に作成されていますが、この場合も同様に機能するはずです. .main_feature親コンテナの幅を埋めるために、ターゲットコンテナ(あなたの場合)内のビデオのサイズを変更します。

次に、CSS から宣言を削除することもできheightます (さまざまな縦横比の動画に対応できるようにするため)。

于 2012-12-13T15:02:38.143 に答える
0

ページを見ないとわかりにくいですが、埋め込み iframe の幅と高さを 100% に設定する必要があると思います。

于 2012-12-13T20:25:09.010 に答える