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

HTML-Video im Hintergrund

Frage Entwicklung HTML

Mitglied: peterha

peterha (Level 1) - Jetzt verbinden

10.04.2014, aktualisiert 11.04.2014, 2485 Aufrufe, 4 Kommentare

Hallo Gemeinde,

ich habe mich eben bei Paypal eingeloggt um mein PWD zu ändern. Dabei ist mir aufgefallen, dass Paypal ein Video im Hintergrund laufen hat. Also hinter dem Text.

Quellcode aufgemacht.

01.
<video autoplay="autoplay" muted="muted" poster="https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.jpg"> 
02.
                        <source src="https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.mp4" type="video/mp4"> 
03.
                        <source src="https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.webm" type="video/webm">
Code kopiert in Textfile kopiert und minimal erweitert:

01.
<html> 
02.
<center> 
03.
<br><br><br> 
04.
Test Hallo! 
05.
<video autoplay="autoplay" muted="muted" poster="https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.jpg"> 
06.
                        <source src="https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.mp4" type="video/mp4"> 
07.
                        <source src="https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.webm" type="video/webm"> 
08.
 
09.
 
10.
</center> 
11.
</html>
Ich hätte jetzt erwartet/gehofft, dass das Video im Hintergrund ist und der Text in der Mitte ein paar Zeilen tiefer darüber. Tatsächlich ist es aber so, dass Test Hallo! Links steht und rechts direkt daneben das Video läuft.

Meine Frage ist nun: Was ist hier zu tun, damit der Text VOR dem Video ist, das Video also im Hintergrund.

Danke für eure Hilfe.
Peter
Mitglied: wiesi200
10.04.2014 um 21:44 Uhr
Hallo,

Der HTML Code alleine ist uninteressant.
Wie sehen die CSS Eigenschaften aus?

Speziell z-index
Bitte warten ..
Mitglied: peterha
11.04.2014 um 08:30 Uhr
Danke für deine Nachricht. Zu meinem Ärgernis bekomme ich nicht mehr die Seite mit dem Video... und die Suche im Code findet auch das Video nicht mehr. Schade... Kennst du oder jemand anders vielleicht ein Tutorial, das zu empfehlen ist? (Ich habe schon gegooglet bin aber nicht zufrieden damit.)

Kannst du abschätzen wieviel CSS Code es ist um das zu realisieren?

danke
Peter
Bitte warten ..
Mitglied: colinardo
LÖSUNG 11.04.2014, aktualisiert um 20:01 Uhr
Hi Peter
Zitat von peterha:
Kannst du abschätzen wieviel CSS Code es ist um das zu realisieren?
minimal, guckst du hier: http://jsfiddle.net/9W3QH/1/

Grüße Uwe
Bitte warten ..
Mitglied: peterha
11.04.2014 um 19:47 Uhr
Uwe, abermals hast du mir super geholfen! Ich danke dir herzlich. Hast du einen Blog oder der gleichen? (Ich unterstelle, dass du mit allerhand interessanten Dingen zu tun hast, falls ja bitte PN, ich muss dies ja nun closen ;D )

DANKE an alle und besonders Uwe.

Peter
Bitte warten ..
Neuester Wissensbeitrag
Off Topic

"Ich habe nichts zu verbergen"

(2)

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

Ähnliche Inhalte
HTML
HTML, CSS: Mapping auf dynamischen Hintergrund (2)

Frage von Judo99 zum Thema HTML ...

HTML
HTML Programmierung (5)

Frage von Alex29 zum Thema HTML ...

Batch & Shell
gelöst Erneute Frage: Powershell in Batch mit Html (6)

Frage von michi-ffm zum Thema Batch & Shell ...

Heiß diskutierte Inhalte
Linux Netzwerk
gelöst DHCP vergibt keine Adressen (31)

Frage von Maik82 zum Thema Linux Netzwerk ...

Exchange Server
gelöst Bestehende eMails autoamatisch weiterleiten (22)

Frage von metal-shot zum Thema Exchange Server ...

Switche und Hubs
LAG zwischen SG300-Switches macht Probleme. Wer weiß Rat? (20)

Frage von White-Rabbit2 zum Thema Switche und Hubs ...

Apache Server
gelöst Lets Encrypt SSL mit Apache2 (20)

Frage von banane31 zum Thema Apache Server ...