Gibt es eine Möglichkeit, ein Hintergrundvideo in einen Div-Container mit Parallax-Effekt zu platzieren? Was ich suche ist etwas ähnliches wie diese Vorlage:
Klicken Sie hier, um ein Beispiel zu sehen
Ich habe ein paar populäre Plugins ausprobiert, die ich im Internet gefunden habe:
Aber keiner von ihnen tut, wonach ich suche, oder vielleicht tun sie es, aber ich konnte es einfach nicht herausfinden: (
Danke euch allen!
Es gibt ein Plugin, das genau das tut, was Sie hier brauchen: Ссылка
Ich würde zuerst das Div-Element mit dem HTML5-Video erstellen und dann das Parallax-Scrolling erstellen. Das Hinzufügen des HTML5-Videos und das Erstellen der Vollbildbreite kann so einfach sein wie:
%Vor%Für die Parallaxe müssen Sie das separat implementieren. Das div-Element mit dem HTML5-Video ist nur eine Komponente der Seite, genau wie jeder andere Layer oder Inhaltsabschnitt.
Wenn Sie einige Tutorials zum Erstellen von Parallax-Websites benötigen, hat meine Firma eine Liste der verfügbaren Parallax-Websites erstellt (sortiert nach Technologie: jQuery, stellar.js und skrollr.js). Ссылка
Die Mozilla-Referenz für HTML5-Video: Ссылка
Nur für den Fall, dass Sie noch nach einer Lösung suchen, die YTPlayer verwendet.
Setze containment:'self' oder containment:'#elementID' im HTML-Konstruktor, wobei #elementID die ID deiner div , section oder Parallax-Sektion ist, in der das Video im Hintergrund abgespielt werden soll.
Siehe YTPlayer Wiki-Seite hier .
%Vor%Tags und Links jquery-plugins video background parallax