Wie kann ich eine volle Breite Video-Header wie folgt machen: http://mazwai.com/#/? Wo ist das Video nur oben, aber Sie können nach unten scrollen? Ich habe viele Tutorials für Videos wie dieses gesehen: http://thenewcode.com/samples/polina.html, aber Sie können nicht an dem Video vorbei blättern (auch wenn es Inhalte gibt, die über das Video hinausgehen) - das Video ist immer der Hintergrund. Wie kann ich das erste Beispiel machen? Gibt es irgendwo Tutorials? Mir fällt es schwer, einen guten zu finden.HTML voller Breite Video-Header
0
A
Antwort
0
Für das Hintergrundvideo in voller Breite können Sie die Klasse data-bg-video = "video path" in html5 verwenden. unten ist das Demo-Beispiel, fügen Sie einfach Ihre Daten Hintergrund Video-Pfad.
<section class="mbr-section mbr-section-hero mbr-section-full " id="header4-0"
data-bg-video="https://www.youtube.com/watch?v=La5GyrphjK0">
<div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div>
<div class="mbr-table-cell">
<div class="container">
<div class="row">
<div class="mbr-section col-md-10 col-md-offset-2 text-xs-right">
<h1 class="mbr-section-title display-1">VIDEO BACKGROUND</h1>
<p class="mbr-section-lead lead">Intro with background video and color overlay. Text and buttons are aligned to right. Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface.</p>
<div class="mbr-section-btn"><a class="btn btn-lg btn-success" href="#">Demo Button</a> <a class="btn btn-lg btn-warning" href="#">Demo Button</a></div>
</div>
</div>
</div>
</div>
<div class="mbr-arrow mbr-arrow-floating" aria-hidden="true"><a href="#next"><i class="mbr-arrow-icon"></i></a></div>
</section>
Verwandte Themen
- 1. HTML-Bild mit voller Breite, feste Höhe
- 2. Mauerwerk mit voller Breite
- 3. Eine Tabelle voller Breite in einer anderen Tabelle HTML
- 4. HTML-Element in voller Breite einschließlich :: vor Selektor
- 5. Bild-Container mit voller Breite
- 6. HighCharts in voller Breite Ausgabe
- 7. voller Breite Hintergrund in der Tabelle
- 8. Wrap Text mit einer bestimmten Breite und voller Breite Hintergrund
- 9. Make verschachtelte Kind Element in voller Breite
- 10. Navigationsleiste: Zweite Ebene mit voller Breite
- 11. Custom Slick-Slider in voller Breite
- 12. voller Breite Hintergrundbild in Bootstrap 3
- 13. Bild in voller Breite in einer ScrollView
- 14. Zentrierung einer ul dehnen voller Breite div
- 15. Bild in voller Breite des Browsers
- 16. RecyclerView GridLayoutManager mit Kopfzeile in voller Breite
- 17. Semantisches UI-Dropdownmenü mit voller Breite
- 18. Erstes Kind in voller Breite in Flexbox
- 19. Schieberegler in voller Breite in jquery mobile?
- 20. Android GridView - ein Artikel mit voller Breite
- 21. Responsive Karussell in voller Breite mit carouFredSel.js
- 22. Bootstrap 4 li Artikel in voller Breite
- 23. Trennlinie nicht in voller Breite in iPad
- 24. Hintergrundelement voller Breite mit Pseudo-Klasse - Z-Index?
- 25. Hinzufügen eines Banner in voller Breite und damit bootstrap reaktionsfähig
- 26. Bootstrap Tooltips gehen von Seite basierend auf voller Breite
- 27. Erhalten eines reagierenden Bildes voller Breite im Bootstrap
- 28. Wie mache ich eine Bootstrap-Taste in voller Breite?
- 29. HTML-CSS-Menü - kann keine Untermenu-Inhalte in voller Breite machen
- 30. Hintergrund des Textes voller Breite ohne css aber nur html in Wordpress
was meinst du mit 'data-bg-video =" video path "'? Das ist keine Klasse – georgej