mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 25.05.2022 08:22 Benutzername: Passwort: Auto-Login

Thema: Fullscreen-Video vom 09.04.2022


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Fullscreen-Video
Autor Nachricht
Cryptogirl
Threadersteller

Dabei seit: 08.04.2022
Ort: Stuttgart
Alter: -
Geschlecht: Weiblich
Verfasst Sa 09.04.2022 00:09
Titel

Fullscreen-Video

Antworten mit Zitat Zum Seitenanfang

Hi,
ich möchte ein Fullscreen-Video (mp4) statt einer normalen Website anzeigen lassen.
Klappt soweit auch.
Problem 1: wie kann ich ein Bild statt des Videos anzeigen lassen, bis das Video geladen ist?
Problem 2: unten ist ein schwarzer Balken, kann man das irgendwie fixen?
Problem 3: im Smartphone wird nur der rechte untere Teil angezeigt.
Wäre super, wenn jemand eine Lösung wüsste.

HTML:
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="style.css">
</head>

<section class="header">
<video autoplay loop class="video-background" muted plays-inline">
<source src="background-video.mp4" type="video/mp4">
</video>

<body>
</body>
</html>


CSS:
*
{
margin: 0;
padding: 0;
}
.header
{
height: 100vh;
}
.video-background
{
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
}
@media (min-aspect-ratio:16/9)
{
.video-background
{
width: 100%;
height: auto;
}
}

LG
Crypto
  View user's profile Private Nachricht senden
Icehawk

Dabei seit: 17.04.2002
Ort: gleich hinten links
Alter: 49
Geschlecht: Männlich
Verfasst Mo 11.04.2022 13:21
Titel

Antworten mit Zitat Zum Seitenanfang

Problem 1: schau mal beim video-Tag nach dem Attribut "poster".
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen [AS2/Flash CS3] Nur Video von FLVPlayback fullscreen
fscommand - aber nicht Fullscreen
Fullscreen Blätterkatalog
[Blackout] Fullscreen Modus ?
[FotoGalerie] Thumbnail to Fullscreen
[Flash] Fullscreen Kompatibilität
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.