2

Web ページはすべて html です。CSS なし。私はcssを知りません。このチュートリアルを使用して、Photoshop でデザインしたサイトを Dreamweaver で作成しました。

ページの特定の位置に Youtube ビデオを単純に埋め込みたいだけです。しかし、ビデオを埋め込む唯一の方法は、画像の 1 つを押し下げて、その横にビデオを配置することです。ビデオをページ レイアウトの上に埋め込み、背後の画像の前に浮いているかのようにします。

お察しのとおり、私は自分が何をしているのかわかりません。

このサイトのようなページに動画を載せてほしい。

4

1 に答える 1

0

提供されたサイトのコードに基づいて、ビデオ自体は div 内で実行されています。css を使用したくない場合は、次のように、ビデオのコンテナーとなる div のスタイルでプロパティを直接定義します。

<div style="background: url(http://www.dollarshaveclub.com/skin/frontend/dsc-test/dsc-theme/images/video_placeholder.png) no-repeat; padding: 18px; width: 600px; height: 300px;">
    <iframe width="537" height="301" src="http://www.youtube.com/embed/ZUG9qYTJMsI?rel=0&autohide=1&autoplay=0"  frameborder="0" allowfullscreen></iframe>
</div>

jsfiddle でテストする:ここをクリック

ところで:カスタマイズするために、背景画像ファイルの場所の背景URL、ビデオのコード(YouTubeから収集)、およびdivの幅と高さをビデオのサイズに応じて変更します。

幸運を!

于 2012-09-04T22:42:24.180 に答える