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, 2611 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
Sicherheit

Millionen Euro in den Sand gesetzt?

(2)

Information von transocean zum Thema Sicherheit ...

Sicherheit

How I hacked hundreds of companies through their helpdesk

Information von SeaStorm zum Thema Sicherheit ...

Erkennung und -Abwehr

Ccleaner-Angriff war nur auf große Unternehmen gemünzt

(10)

Information von Lochkartenstanzer zum Thema Erkennung und -Abwehr ...

Heiß diskutierte Inhalte
Humor (lol)
gelöst Freidach Beitrag (40)

Frage von Penny.Cilin zum Thema Humor (lol) ...

Firewall
gelöst Firewall Firmeneimsatz (20)

Frage von wiesi200 zum Thema Firewall ...

Multimedia & Zubehör
gelöst 8 GB USB Stick besitzt nur noch 4 MB Kapazität (13)

Frage von Gwahlers zum Thema Multimedia & Zubehör ...