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

HTML-Video im Hintergrund

Frage Entwicklung HTML

Mitglied: peterha

peterha (Level 1) - Jetzt verbinden

10.04.2014, aktualisiert 11.04.2014, 2641 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 ..
Ähnliche Inhalte
HTML
gelöst HTML, CSS: Mapping auf dynamischen Hintergrund (2)

Frage von Judo99 zum Thema HTML ...

Digitiales Fernsehen
gelöst Video im Ausland (8)

Frage von Markowitsch zum Thema Digitiales Fernsehen ...

Peripheriegeräte
KVM(A) Switch ohne Video (5)

Frage von LinWinni zum Thema Peripheriegeräte ...

Neue Wissensbeiträge
Windows Update

Novemberpatches und Nadeldrucker bereiten Kopfschmerzen

(14)

Tipp von MettGurke zum Thema Windows Update ...

Windows 10

Abhilfe für Abstürze von CDPUsersvc auf Win10 1607 und 2016 1607

(7)

Tipp von DerWoWusste zum Thema Windows 10 ...

RedHat, CentOS, Fedora

Fedora 27 ist verfügbar

Information von Frank zum Thema RedHat, CentOS, Fedora ...

Heiß diskutierte Inhalte
Server
Bilder aus dem Web mit CSV runterladen (30)

Frage von Yannosch zum Thema Server ...

Server-Hardware
Bestehendes Raid erweitern um 4 gleiche Platten! (Verständnis Fragen) (12)

Frage von Hendrik2586 zum Thema Server-Hardware ...

Windows Update
WSUS 4 (Server 2012 R2) - Windows 10 Updates nicht möglich (12)

Frage von c0d3.r3d zum Thema Windows Update ...