mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 13:06 Benutzername: Passwort: Auto-Login

Thema: Website | Videobanner erstellen vom 16.07.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Bild und Ton -> Website | Videobanner erstellen
Autor Nachricht
Sebastian Halm
Threadersteller

Dabei seit: 23.04.2014
Ort: Münster
Alter: 30
Geschlecht: Männlich
Verfasst Mi 16.07.2014 08:36
Titel

Website | Videobanner erstellen

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen Lächel

Wir würden auf unsere geplante neue Website gerne ein Videobanner einbinden.
Dabei ist uns aufgefallen, dass auf verschiedenen Websites, wo Videobanner
bereits umgesetzt wurden, z.B.

hier: http://www.exponentpr.com/
oder hier: http://www.bkwld.com/

im bzw. über dem Video diese grauen Pixelraster liegen.


Meine erste Frage ist nun, ob es…

…irgendwelche Kompressionsgründe hat (könnte mir vorstellen, dass das Video
schneller geladen werden kann, wenn jeder soundsovielte Pixel die gleiche Farbe hat);

…es um die Optik geht (damit unscharfes Videomaterial bei zu groß gezogenen
Browserfenstern von den scharfen Pixelkästen überdeckt wird und so nicht auf-
fallend hässlich wirkt);

…durch die Pixel nur etwas hervorgehoben werden soll (was bei der Website von
BKWLD keinen Sinn ergeben würde)

Eine weitere Frage ist dann noch, ob die Information zu dieser Pixelstruktur in der
Videodatei selbst liegt oder ob es vielleicht auch einfach nur ein Layer im Web ist,
der sich auf das Video legt (wie ihr vielleicht bemerkt habt, bleibt das Raster
beim Vergrößern und Verkleinern des Browserfensters gleich, es wird lediglich
beschnitten).

Dann noch die letzte Frage: Wie setzt man so etwas um?


Grüße aus Münster,
Seby
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
KaroH

Dabei seit: 18.06.2014
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 16.07.2014 19:53
Titel

Re: Website | Videobanner erstellen

Antworten mit Zitat Zum Seitenanfang

Das Raster ist darübergelegt, bei beiden Seiten.

Code:
.feature h1 {
    background: url("../media/images/raster.png") repeat scroll left top transparent;
    color: #fff;
    display: table-cell;
    font: 104px/104px 'AvenirLT-Medium','Helvetica Neue',helvetica,arial,sans-serif;
    margin: auto 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    z-index: 5;
}


Das sind im übrigen die Videos "roh":
http://www.exponentpr.com/themes/expo/media/video/exponent.mp4
http://www.bkwld.com/video/features/main.mp4

und das eines der Raster : http://www.exponentpr.com/themes/expo/media/images/raster.png (was einfach "repeated" wird, um eine möglichst kleine Dateigröße zu haben)

Ein solches Raster würde ich auch nicht in das Video einbauen, da es bedingt durch die möglichst kleine Dateigröße, die ein solches Video haben sollte, nach dem konvertieren nicht mehr so gut aussieht. (Hatte mal ein Intro für ein Game gemacht und auch testweise ein solches Raster darüber gelegt. Bedingt durch ein komisches Dateiformat, was das Video haben sollte (.bik) und eine möglichst kleine Dateigröße, sah das Raster grauenhaft unscharf aus. Also wieder raus gemacht) Grins

Ansonsten als Grund: dein 2ter Punkt (Optik) und Design.

Zitat:
Dann noch die letzte Frage: Wie setzt man so etwas um?


Lade dir Firefox runter und das Plugin Firebug https://addons.mozilla.org/de/firefox/addon/firebug/. Damit kannst du die Seite (den Quellcode) gut analysieren. Dann lernst du dich noch in HTML5 und CSS ein (falls du es noch nicht kannst) und schaust parallel, was dort im Quellcode steht und setzt es genau so um. *zwinker*

Grüße


Zuletzt bearbeitet von KaroH am Mi 16.07.2014 20:13, insgesamt 5-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Dexter Paris

Dabei seit: 28.05.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.07.2014 20:35
Titel

Antworten mit Zitat Zum Seitenanfang

Bei Verwendung eines Pixelrasters könntest Du das Video selbst auch ein wenig weichzeichnen. Ist dadurch besser komprimierbar und Du erhältst letzlich eine geringere Dateigröße.
  View user's profile Private Nachricht senden
Sebastian Halm
Threadersteller

Dabei seit: 23.04.2014
Ort: Münster
Alter: 30
Geschlecht: Männlich
Verfasst Fr 25.07.2014 10:06
Titel

Antworten mit Zitat Zum Seitenanfang

Perfekt! Jetzt läuft alles wie gewünscht.
Ich danke euch *zwinker*!


Gruß,
Seby
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Sounds und Musik / für WEbsite erstellen / aberwie
Foto für Website
Sounds für Website
website freier kameramann
[Frage] Website mit Musik - Wie?
Video in Website laden
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Bild und Ton


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.