+ Antworten
Ergebnis 1 bis 4 von 4

Thema: wie binde ich einen Player in ein Bild ein ?

  1. #1
    Neu an Board
    Registriert seit
    23.08.2009
    Beiträge
    12
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard wie binde ich einen Player in ein Bild ein ?

    Hallo ich habe überall schon gesucht , aber nichts gefunden.
    Vielleicht könnt ihr mir ja hier behilflich sein.
    Ich möchte auf meiner Webside in ein Bild ein z.b. Youtube video laufen lassen.

    Hier ist ein Beispiel.

    Der Fernseher ist unten zu sehen und da ist ein player integriert.

    http://www.startv.com.tr/CanliYayin.aspx

  2. #2
    Kommt häufiger vorbei Avatar von killbill
    Registriert seit
    09.09.2006
    Beiträge
    492
    Bedankte sich
    34
    Erhielt 121 Danksagungen
    in 115 Beiträgen

    Standard

    hi

    du kannst dies mit einem hintergrundbild erreichen, das heisst, das bild stellst du nicht als inhalt in dein "div", "p","td" etc., sondern du veränderst das aussehen des div's, wo dein player schliesslich hineinkommt. der player ist dann vielleicht in der mitte des div's, welcher deine bilddatei hinter dem player hat. die von dir erwähnte seite hat dies übrigens auch so gelöst mit einer "canli-yayin-tv.gif"-datei.

    das müsste dann in deiner css-datei ungefähr so aussehen:
    EDIT: noch ein bisschen code ergänzt...
    Code:
    div.deindiv {
    background-image: url(../images/beispiel.jpg);
    background-repeat:no-repeat;
    width:deinwert in px; 
    height:dein wert in px;
    padding: abstand in px;
    text-align:center;
    vertical-align:middle;
    }
    Geändert von killbill (16.01.2010 um 23:17 Uhr)
    "Es ist dort draußen, und wenn du es kriegst, geh zum Arzt, und versuchs loszuwerden.." - Zitat aus dem Film "Reichtum ist keine Schande"

  3. #3
    Neu an Board
    Registriert seit
    23.08.2009
    Beiträge
    12
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von killbill Beitrag anzeigen
    hi

    du kannst dies mit einem hintergrundbild erreichen, das heisst, das bild stellst du nicht als inhalt in dein "div", "p","td" etc., sondern du veränderst das aussehen des div's, wo dein player schliesslich hineinkommt. der player ist dann vielleicht in der mitte des div's, welcher deine bilddatei hinter dem player hat. die von dir erwähnte seite hat dies übrigens auch so gelöst mit einer "canli-yayin-tv.gif"-datei.

    das müsste dann in deiner css-datei ungefähr so aussehen:
    EDIT: noch ein bisschen code ergänzt...
    Code:
    div.deindiv {
    background-image: url(../images/beispiel.jpg);
    background-repeat:no-repeat;
    width:deinwert in px; 
    height:dein wert in px;
    padding: abstand in px;
    text-align:center;
    vertical-align:middle;
    }

    Ich bedanke mich das du mir da weitergeholfen hast, aber ich habe sehr wenig verstanden.

    Wie mache ich das ?

    Was für Programme brauche ich ?

    Kannst du mir da bitte etwas detailierter helfen .

  4. #4
    Kommt häufiger vorbei Avatar von killbill
    Registriert seit
    09.09.2006
    Beiträge
    492
    Bedankte sich
    34
    Erhielt 121 Danksagungen
    in 115 Beiträgen

    Standard

    hi

    gemäss deiner nachricht von heute an mich hier die vorgehensweise näher erklärt..

    du installierst für das anzeigen deines videos beispielsweise ein plugin wie "allvideos reloaded" (hier der link dazu: http://extensions.joomla.org/extensi...a-gallery/3955 )

    die dokumentation zum plugin findest du hier: http://allvideos.fritz-elfert.de/doc...ion-de-de.html .

    dann gehst du in dein content wie immer per wysiwyg-editor, fügst gemäss dokumentation dein video in dein content, klickst den "edit-code"-button des editors an, und bettest deinen player in ein separates "div" ein. das sieht dann ungefähr so aus:
    Code:
    <div style="background-image: url(images/deinbildordner/beispielhintergrund1.jpg); 
    text-align: center; 
    background-repeat: no-repeat; 
    vertical-align: middle; 
    height:500px; 
    padding: 10px 10px 10px 10px;
    width:500px;">
    {flv}deinfilm{/flv}</div>
    das einfügen des "{flv}-tag" musst du unbedingt in der dokumentation nachlesen (siehe link oben).

    gruss
    killbill
    Geändert von killbill (30.01.2010 um 15:30 Uhr)
    "Es ist dort draußen, und wenn du es kriegst, geh zum Arzt, und versuchs loszuwerden.." - Zitat aus dem Film "Reichtum ist keine Schande"

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein