Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Transparentes GIF über eingebetteten Youtube Player legen

Mitglied: johndoe

johndoe (Level 1) - Jetzt verbinden

07.08.2012 um 14:12 Uhr, 4797 Aufrufe, 2 Kommentare

Hallo,

ich habe vor auf einer Seite mehrere Youtube Videos (per Iframe) einzubetten.
Das es sich zuerst um eine kleine Voransicht handelt, soll hier nur ein kleines Video
angezeigt werden. Klickt man jetzt auf das Play Symbol, startet das Video in dieser kleinen Voransicht.
Ich habe mir gedacht ich erstelle eine neue Div-Ebene und erstelle ein transparantes Gif das ich über das Video lege. Ich habe es testweise mal weiter über den Rand gelegt... funktioniert auch... nur anscheinend stellt sich das Flash Video bzw. der Iframe über das Transparente gif. Jemand ne Ahnung wie ich das ebenfalls hinter das Gif bekomme. Hier mal der Quelltext:


<div id="video_klein_orange"><img src="images/alex_kaktus_jump.jpg" width="971" height="228">

<div id="eingebundenesvideo"><iframe width="327" height="184" src="http://www.youtube-nocookie.com/embed/XC49BC_ozQc" frameborder="0" allowfullscreen></iframe>

<div id="link_video_klein"><a href="http://xxx.xx/index.php/talente/14-film-gross/42-mustervideo;>& ..." src="images/invisible.gif" alt="Video Gross" width="970" height="229" /></a></div>

</div>
<div id="video_text_div"><h2>Der brennende Kaktus Jump</h2>
<span class="textvideo">Flickflackwunder Alex
(17) aus Hamburg zeigt<br />
spektakul&auml;re Sprungkunst &uuml;ber einen brennenden<br />
Kaktus! Nicht nachmachen!
</span></div>
</div>


CSS

#eingebundenesvideo {
position:absolute;
width:325px;
height:184px;
z-index:2;
left: 631px;
top: 23px;
}

#link_video_klein {
position:absolute;
width:970px;
height:229px;
z-index:99;
left: -630px;
top: -22px;
}

#video_klein_orange {
position:absolute;
width:939px;
height:226px;
z-index:2;
left: 46px;
top: 52px;
}


Vielleicht hat ja jemand eine Idee. Vielen Dank.
Mitglied: d4shoerncheN
07.08.2012, aktualisiert um 15:19 Uhr
Hallo,

hast du einen Link zu deiner Seite?

Dein "Problem" wird nicht darin liegen, die DIV-Container in den Vordergrund zu kriegen - sondern dass das Video im Hintergrund liegt. Und denk dran, wenn du ein Bild über das Video legst, dass man an das Video da drunter nicht mehr via Klick ran kommt.

Such mal nach dem Stichwort:
<param name="wmode" value="transparent">

Gruß

NACHTRAG
Könnte interessant sein für dich:
Bitte warten ..
Mitglied: johndoe
07.08.2012 um 17:49 Uhr
Zitat von d4shoerncheN:
Hallo,

hast du einen Link zu deiner Seite?

Dein "Problem" wird nicht darin liegen, die DIV-Container in den Vordergrund zu kriegen - sondern dass das Video im
Hintergrund liegt. Und denk dran, wenn du ein Bild über das Video legst, dass man an das Video da drunter nicht mehr via
Klick ran kommt.

Such mal nach dem Stichwort:
> <param name="wmode" value="transparent">

Gruß

NACHTRAG
Könnte interessant sein für dich:
> http://www.flashhilfe.de/forum/flash/wie-bringt-man-ein-bild-ueber-ein- ...


Hallo, der Link war hilfreich, vielen Dank!
Ich habe einfach am Ende des Youtube Videolinks folgendes gesetzt: ?wmode=opaque
Bitte warten ..
Ähnliche Inhalte
Firewall
Transparente Hardwarefirewall
Frage von MimetypeFirewall4 Kommentare

Ich suche eine kleine Kiste, die als transparente Hardwarefirewall laufen kann. Am besten eine fertige Box. Die Firewall soll ...

Router & Routing
Transparenter Proxy funktioniert nicht?
Frage von mrserious73Router & Routing3 Kommentare

Hallo, habe hier eine pfSense mit verschiedenen VLANs am laufen. Auf dieser habe ich u.a. Squid als transparenten Proxy ...

Firewall

Transparenter Squid filtert nicht alles heraus

Frage von mrserious73Firewall19 Kommentare

Hallo zusammen, ich nutze Squid mit SquidGuard. Spaßeshalber habe ich mal sämtliche Suchmaschinen gesperrt. Nun stelle ich fest: Auf ...

VB for Applications

Pfad eines in Sheet eingebetteten Bildes

gelöst Frage von gluehbirneVB for Applications3 Kommentare

Hi! ich möchte gerne ein in ein tabellenblatt eingefügtes bild in eine email anhängen und einbetten. das alles klappt ...

Neue Wissensbeiträge
Windows 10

Neue Sicherheitslücke in Windows 10 (Version 1709) durch Google öffentlich geworden

Information von kgborn vor 8 StundenWindows 10

Vor ein paar Tagen haben Googles Sicherheitsforscher vom Projekt Zero eine Sicherheitslücke im Edge-Browser publiziert. Jetzt wurde eine weitere ...

iOS
IOS 11.2.6 verfügbar
Information von sabines vor 14 StundeniOS

Mit dem Update soll der Bug behoben werden, bei dem eine bestimmte Zeichenkette IOS zum Absturz gebracht hat.

Sicherheit
Sicherheitsrisiko: Die Krux mit 7-Zip
Information von kgborn vor 1 TagSicherheit8 Kommentare

Bei vielen Anwendern ist das Tool 7-Zip zum Entpacken von Archivdateien im Einsatz. Die Software ist kostenlos und steht ...

Internet

Datendealing im WWW Tracking Methoden immer brutaler

Information von sabines vor 1 TagInternet

Interessanter Artikel zum Thema Tracking im WWW und die immer "besseren" Methoden des Trackings. Professor Arvind Narayanan (Princeton-Universität) betreibt ...

Heiß diskutierte Inhalte
Router & Routing
LANCOM VPN CLIENT einrichten
Frage von Finchen961988Router & Routing27 Kommentare

Hallo, ich habe ein Problem und hoffe ihr könnt mir helfen, wir haben einen Kunden der hat einen Speedport ...

Windows Server
AD DS findet Domäne nicht, behebbar?
Frage von schapitzWindows Server25 Kommentare

Guten Tag, ich habe bei einem Kunden ein Problem mit den AD DS. Umgebung ist folgende: Windows Server 2016 ...

LAN, WAN, Wireless
VPN Cisco ASA5505 PaloAlto PA-200
gelöst Frage von YannoschLAN, WAN, Wireless22 Kommentare

Hallo zusammen, ich würde gerne ein Site-to-Site VPN zwischen den beiden Standorten aufbauen. PaloAlto PA200 Internetanschluss Deutsche Telekom GK ...

Visual Studio
Singletone Objekt in Datei speichern
gelöst Frage von it4baerVisual Studio13 Kommentare

Hallo, ist es möglich ein Singleton-Objekt zu "serialisieren" und dann in eine Datei zu speichern um es später wieder ...