2

私の質問は HTML と PURE html に関するものです。kwick というソーシャル ネットワークのフロント ページの新しいデザインに取り組んでおり、現在、お気に入りのビデオ用のスペースのようなものを作成したいと考えています。

今私の問題は、次のようなことをどのように実現するかです:

私はそのような私のiPodの写真を撮ります（単なる例で、私のiPodではありません）http://www.clein-online.de/schmuck_projekte/files/ipod_nano_schutzhuelle.jpg

今、私はこの写真をGIFとして作成し、ディスプレイを切り取りたいと思っています.今、その切り取られた領域の後ろに、埋め込みプレーヤーが完全に表示されないように、YouTubeビデオが表示されるはずです.つまり、プレーヤーがそこにある完全にですが、写真はその上にあります。

これを行う方法？

4

2 に答える 2

1

画像をカットする必要はまったくありません。iPodの全体像を収めるのに十分なスペースのあるdivを作成し、CSSを使用して背景画像にします（独自のCSSファイルを追加できない場合はインラインスタイルにすることができます）。

<div style="background:url(ipod.jpg); width:300px; height:400px;">
    <iframe src="..." style="margin: 25px auto 0;" width: 250px; height: 200px;></iframe>
</div>

マージン、幅、高さをiframeまたはに適用して、iPodの背景画像があるdiv内に配置しますembed。object

iframeを必要なサイズに設定し、必要に応じてオーバーフローを非表示にすることができますが、埋め込みコードを制御できない場合は、フラッシュの一部を非表示にすることはできないと思います。

于 2009-02-01T13:31:46.933 に答える
0

最大のハードルは、WMODE = transparentを確保することです。WMODE を透明に設定すると、フラッシュが他のコンテンツの上に常に表示されなくなります。次に、透過性のある画像をビデオ上の適切な場所に配置します。

フラッシュ ファイルをどの程度正確にインクルードしているかについての情報が含まれていないため、WMODE を設定するためにどのような方法を使用する必要があるかはわかりません。グーグルで検索するだけで、すべてが明らかになります。

于 2009-02-01T12:54:57.660 に答える