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>

您可以同时针对 theobject及其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 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 回答