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, 4664 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
Microsoft Office

MS Office Excel - Formel wird angezeigt, aber nicht berechneter Wert!

Tipp von holli.zimmi zum Thema Microsoft Office ...

Heiß diskutierte Inhalte
Hyper-V
gelöst Reiner Hyper- V Server oder lieber Rolle (15)

Frage von Winuser zum Thema Hyper-V ...

Windows Server
gelöst Rechte als Admin vergeben - Zugriff verweigert (14)

Frage von Ghost108 zum Thema Windows Server ...

Router & Routing
gelöst IP Kamera für drei unabhängige Netzwerke (12)

Frage von ProfessorZ zum Thema Router & Routing ...