Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Sebastian Halm
Threadersteller
Dabei seit: 23.04.2014
Ort: Münster
Alter: 30
Geschlecht:
|
Verfasst Mi 16.07.2014 08:36
Titel Website | Videobanner erstellen |
|
|
Hallo zusammen
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
|
|
|
|
|
KaroH
Dabei seit: 18.06.2014
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 16.07.2014 19:53
Titel Re: Website | Videobanner erstellen |
|
|
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)
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.
Grüße
Zuletzt bearbeitet von KaroH am Mi 16.07.2014 20:13, insgesamt 5-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Dexter Paris
Dabei seit: 28.05.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 16.07.2014 20:35
Titel
|
|
|
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.
|
|
|
|
|
Sebastian Halm
Threadersteller
Dabei seit: 23.04.2014
Ort: Münster
Alter: 30
Geschlecht:
|
Verfasst Fr 25.07.2014 10:06
Titel
|
|
|
Perfekt! Jetzt läuft alles wie gewünscht.
Ich danke euch !
Gruß,
Seby
|
|
|
|
|
|
|
|
Ä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
|
|
|
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.
|
|