Bild (.png) als Rahmen für Slideshow oder Youtube Video

  • [size=12]
    Hallo Leute,
    [/SIZE]

    ich bin neu hier und ein Frischling im Umgang mit Wordpress, deshalb bräuchte ich eure Hilfe :smile:

    Mein Bruder und ich haben angefangen ein Android Spiel zu entwickeln und darum eine Wordpress Seite für unser kleines "Unternehmen" erstellt. Wir haben uns nur einige Zeit in Wordpress eingearbeitet und die Grundseite aufgebaut.

    Nun wollen wir unseren Teaser, den wir für unser Spiel erstellt haben auf Youtube hochladen werden und dann in unsere Seite einbetten.

    Wir würden jedoch gerne ein Bild als Rahmen für das Video verwenden, wie zum Beispiel ein Smartphone in dem das Video abgespielt wird oder auch einen selbst erstellen Rahmen, der sich auf das Spiel bezieht.

    Ich habe schon einige Zeit gegoogelt und das Forum hier durchsucht, aber nichts relevantes gefunden.
    Hier ein Beispiel damit ihr versteht was ich genau meine, ist zwar nur eine Bilderslideshow, aber sollte mit Video nicht anders funktionieren kann ich mir vorstellen :D

    [size=12]http://www.daronet.eu/ons-werk[/SIZE]

    Danke schon mal 8)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Du erstellst eine div und gibst dem div über css ein background-image. Der div selber bekommt als Content Euer Video.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Danke für deine Hilfe :D

    Wie gesagt bin ich Neuling auf dem Gebiet :shock: Ich weiß ungefähr wie du es meinst und hab mal von der obigen Seite den Codeschnipsel kopiert ^^ Aber ich weiß nicht genau an welcher Stelle im CSS ich es einfügen und was noch alles dazu geändert werden muss.

    #portfolio .Screen {
    background: url("../apple-screen.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    bottom: 0;
    padding: 25px 25px 130px;
    position: absolute;
    right: 7%;
    z-index: 2;

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!