Frage

Meine Frage ist mit HTML verwendet und PUREM html. Ich arbeite an ein neues Design für meine Titelseite in einem sozialen Netzwerk namens kwick, und ich möchte eine Art von Raum für meinen Liebling Video zur Zeit erstellen.

Nun mein Problem ist, wie kann ich so etwas wie dies zu realisieren:

ich ein Bild von meinem iPod so (nur ein Beispiel, es ist nicht mein ipod) http://www.clein-online.de/schmuck_projekte/files/ipod_nano_schutzhuelle. jpg

Jetzt mag ich dieses Bild als gif erstellen und die Anzeige ausgeschnitten, jetzt hinter diesem Bereich Cutten aus, sollte es ein YouTube-Video in einer Art und Weise gezeigt werden, dass der embed Player nicht vollständig dargestellt ist, ich meine, die Spieler ist es völlig, aber das Bild ist ein liegen auf ihn.

Wie dies zu tun?

War es hilfreich?

Lösung

Sie brauchen nicht das Bild überhaupt zu schneiden. Machen Sie einen div, dass genügend Platz für das ganze Bild des iPod und Verwendung CSS zu machen, das Hintergrundbild hat (kann Inline-Styles, wenn Sie nicht Ihre eigenen CSS-Dateien hinzufügen).

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

Anwenden Rand, Breite und Höhe auf Ihre iframe oder embed oder object es innerhalb des div zu positionieren, dass der iPod Hintergrundbild hat.

Sie kann die iframe auf die Größe, die Sie brauchen, und es dabei eine Überlauf verbergen, wenn nötig, aber ich glaube nicht, dass Sie in die Lage sein werden Teile des Flash zu verstecken, wenn Sie nicht die Kontrolle über die einbetten haben Code.

Andere Tipps

Ihre größte Hürde wird sichergestellt, dass Ihre WMODE = transparent . WMODE transparente Einstellung wird Ihre Flash-Mist halten von immer erscheinen auf anderen Inhalt. Dann einfach positionieren, ein Bild mit Transparenz in der richtigen Stelle über das Video.

Da Sie keine Informationen über enthalten sind, wie genau sind Sie Ihre Flash-Datei einschließlich, kann ich Ihnen nicht genau sagen, welche Methode Sie verwenden müssen, um die WMODE einzustellen. Nur einige googeln tun, und alles klar sein wird.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top