1

ページに動画を埋め込み、その下にパディングを入れるのが好きです。私は以下を持っていますが、より効率的な方法があるかどうかはわかりません：

     <div style="text-align: center;">

      <iframe width="560" height="315" src="http://www.youtube.com/embed/ti_E2ZKZpC4" frameborder="0" allowfullscreen></iframe>      

      <br />
      <br />
    </div>

また、ビデオの内容を説明するテキストでその周りに細い線の境界線を配置するにはどうすればよいですか。つまり、ビデオの下に化学を表示したいということで、ビデオとテキストの化学の周りに境界線が表示されます。

4

2 に答える 2

1

私の意見では、これを達成する最も効率的な方法は、CSS を使用して、含まれている div に境界線を与え、iframe に下マージンを与えることです。テキストは、含まれている div 内の iframe の下に移動できます。

HTML は次のようになります。

<div id="container">
    <iframe id="vid" width="560" height="315" src="http://www.youtube.com/embed/ti_E2ZKZpC4" frameborder="0" allowfullscreen></iframe>
    <p>Text/description go here</p>
</div>

そしてCSS：

#container {
    border: 1px solid red;
    width: 560px;
    text-align: center;
}

#vid {
    margin-bottom: 25px;   
}

jsfiddle の例を次に示します: http://jsfiddle.net/kSfCR/3/

編集：フォーマット中...

于 2012-11-12T17:03:45.727 に答える
0

簡素化してはどうでしょうか。

.myvideo {
    margin:0 0 30px;
}

<iframe class="myvideo" width="560" height="315" src="http://www.youtube.com/embed/ti_E2ZKZpC4" frameborder="0" allowfullscreen></iframe>
于 2012-11-12T16:54:30.027 に答える