0

データベースからビデオ埋め込み URL を取得しています。

私のデータベースでは、ビデオは 600x450 です。私がやりたいのは、それらを小さくして、<td>. これを実現するために、テンプレート lite タグを使用して次の CSS を作成しました。

<style type="text/css">
{literal}
  div.embed
  {
    width:  200px;
    height: 100px;
  }
{/literal}
</style>

私のマークアップは次のとおりです。

<tr>
  <td>Fragmanlar</td>
  <td>
    <div class="embed"/> 
      {foreach value=movieF from=$movieFragman}
        {$movieF.embedCode} 
      {/foreach}
    </div>
  </td>                
</tr>

問題は、ビデオのサイズが影響を受けておらず、<td>.

画像:

ここに画像の説明を入力

4

2 に答える 2

4

ビデオ自体のコンテナをターゲットにすることはできません。実際のビデオ要素をターゲットにする必要があります。それらが内div.embedにある場合は、特定性のためにこのセレクターを修正できます。

div.embed video {
  width:  200px;
  height: 100px;
}

もちろん、これはHTML5videoタグを使用していることを前提としています。そうでない場合は、動画の表示方法に応じて、embedまたはのいずれかをターゲットにする必要があります。object

たとえば、次のようなものがあります。

<object width="560" height="315">
  <param name="movie" value="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&amp;hl=en_US"></param>
  <param name="allowFullScreen" value="true"></param>
  <param name="allowscriptaccess" value="always"></param>
  <embed src="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

objectとそのembed子の両方をターゲットにすることができます。

div.embed object,
div.embed embed {
  width:  200px;
  height: 100px;
}

別の注意点として、開始タグは自動的に閉じないようにする必要があります。これにより、内部にネストされた要素を識別する際に問題が発生する可能性があります。

<div class="embed">
  <video...>
    <source... />
  </video>
</div>
于 2012-04-05T19:28:19.363 に答える
0

を使用して、誤ってdivを早期に閉じたようです<div class="embed" />。代わりに欲しかっ<div class="embed">た。(スラッシュがないことに注意してください)

<tr>
    <td> Fragmanlar </td>
    <td>
        <div class="embed"> 
            {foreach value=movieF from=$movieFragman}
            {$movieF.embedCode} 
            {/foreach
            }
        </div>
    </td>
</tr>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
于 2012-04-05T19:28:55.240 に答える