Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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

Frage Entwicklung HTML

Mitglied: johndoe

johndoe (Level 1) - Jetzt verbinden

07.08.2012 um 14:12 Uhr, 4630 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 ..
Neuester Wissensbeitrag
Windows 10

Powershell 5 BSOD

(8)

Tipp von agowa338 zum Thema Windows 10 ...

Ähnliche Inhalte
Sicherheit
Avalanche: Behörden legen Botnet lahm

Link von runasservice zum Thema Sicherheit ...

Windows Installation
gelöst Adobes Flash Player für den Internet Explorer schlägt mit Fehler 1722 fehl (10)

Frage von iGordon zum Thema Windows Installation ...

Off Topic
OT: YouTube-Videos (5)

Frage von FA-jka zum Thema Off Topic ...

Internet
Musikrechte: YouTube einigt sich mit GEMA

Link von Treemanhero98 zum Thema Internet ...

Heiß diskutierte Inhalte
Microsoft
Ordner mit LW-Buchstaben versehen und benennen (19)

Frage von Xaero1982 zum Thema Microsoft ...

Outlook & Mail
gelöst Outlook 2010 findet ost datei nicht (19)

Frage von Floh21 zum Thema Outlook & Mail ...

Windows Server
Server 2008R2 startet nicht mehr (Bad Patch 0xa) (18)

Frage von Haures zum Thema Windows Server ...

Netzwerkmanagement
gelöst Anregungen, kleiner Betrieb, IT-Umgebung (18)

Frage von Unwichtig zum Thema Netzwerkmanagement ...