Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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

Frage Entwicklung HTML

Mitglied: johndoe

johndoe (Level 1) - Jetzt verbinden

07.08.2012 um 14:12 Uhr, 4742 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
Router & Routing
Transparenter Proxy funktioniert nicht? (3)

Frage von mrserious73 zum Thema Router & Routing ...

Firewall
Transparenter Squid filtert nicht alles heraus (19)

Frage von mrserious73 zum Thema Firewall ...

Internet
Musikrechte: YouTube einigt sich mit GEMA

Link von Treemanhero98 zum Thema Internet ...

Off Topic
OT: YouTube-Videos (5)

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

Neue Wissensbeiträge
Ubuntu

Ubuntu 17.10 steht zum Download bereit

(3)

Information von Frank zum Thema Ubuntu ...

Datenschutz

Autofahrer-Pranger - Bewertungsportal illegal

(8)

Information von BassFishFox zum Thema Datenschutz ...

Windows 10

Neues Win10 Funktionsupdate verbuggt RemoteApp

(8)

Information von thomasreischer zum Thema Windows 10 ...

Microsoft

Die neuen RSAT-Tools für Win10 1709 sind da

(2)

Information von DerWoWusste zum Thema Microsoft ...

Heiß diskutierte Inhalte
Windows 10
Seekrank bei Windows 10 (18)

Frage von zauberer123 zum Thema Windows 10 ...

Windows 10
Windows 10 Fall Creators Update Fehler (14)

Frage von ZeroCool23 zum Thema Windows 10 ...

Router & Routing
gelöst Getrenntes Routing bei VoIP und Daten (12)

Frage von Hobbystern zum Thema Router & Routing ...