Video läuft im Hintergrund beim scollen nach unten wird das Menü angezeigt

Mepich · 05.07.2014

Hallo Community,

ich habe eine interessante Internetseite gefunden:

http://unleashed-design.de/

Meine Frage an euch ist, wie nennt man die Technik wie das Video
eingebunden wird und vor allem welche Funktion ist das mit dem Menü das
es automatisch beim srollen eingeblendet wird?

developr · 05.07.2014

Das ist HTML5, hier der Code aus dem Quelltext. Ich glaube Spotify hat damit als erstes angefangen... sieht tatsächlich sehr geil aus, macht aber auf den wenigsten Seiten sinn, da es das wesentlich, nämlich den Content, verdeckt.

HTML:

<video id="video_background" preload="auto" autoplay="" loop="loop" muted="muted">
        <source src="video.mp4" type="video/mp4">
        <source src="video.ovg" type="video/ovg"> 
        <img src="home.jpg" alt="">
</video>

Mepich · 05.07.2014

Den Code habe ich verstanden, aber was muss ich machen, oder was passiert wenn man runterscrollt und das Menü erscheint, wird das mit jQuery gemacht?

developr · 07.07.2014

Ja, da bin ich mir ganz sicher. Im Quell steht aber auch folgendes:

Willkommen im Quelltext,

Ich habe diese Seite bzw. dieses Wordpress Theme zu 100% geschreiben und möchte daher nicht das Code einfach kompiert wird. Da es weder euch noch mir hilft.
Daher biete ich an wenn jemand bestimmte Effekte oder Code Teile haben möchte mich einfach anzuschreiben. Ich helfe gerne dabei diese mit euch zu erarbeiten sodass man
versteht wie die Code Teile funktionieren und nicht einfach nur Copy & Past macht.

Also viel Spaß beim ansehen des Codes hoffe es sind genug Kommentare enthalten.
Und bei fragen einfach eine Email an [email protected] oder über das
Kontaktformular abschicken.

Technische Daten:
-HTML/HTML5, CSS/CSS3, Php, MySQL, jQuery, JavaScript
-Webserver
-WordPress 3.6.2

Videos & Bilder auf der Seite stammen auch von mir und unterliegen daher dem Urheberrecht.

Mit freundlichen Grüßen
Johannes Schiel | UNLEASHED DESIGN

Schreibe ihn doch einfach mal an.