[Exe777]

Hey leute

hab ein kleines problem. und zwar habe ich ein Video auf meiner Seite eingebunden und wollte jetzt gerne noch ein bild drüber legen. also quasi das Bild anklicken und als reaktion auf diesen klick möchte ich das video abspielen. hat da wer ne einfache lösung?

schon mal danke^^

[jusot]

du musst schon en bissl genauer beschreiben was du vorhast
weil wenn du en bild übers video legst dann bringt das wenig wenn man per klick aufs bild das video darunter startet, da das ja dann durchs bild verdeckt is Oo

[Exe777]

ja na ich hab mir das so gedacht wie bei Youtube. das immer ein Vorschaubild vorhanden ist. ich wollte es jetzt so regeln das ich ein Bild über das eingebundene video lege und beim klick auf das Bild soll das Bild transparent bzw ausgeblendet werden und dann das video starten

müsste ja eigentlich über javas***** funktionieren. bin aber noch etwas holprig unterwegs im bezug auf Javas***** ^^

[jusot]

also wenn du nur ein vorschaubild zu dem video haben willst dann brauchst du normal gar nichts zu machen da man das in der regel direkt mit angeben kann im player s*****.. wäre also eher keine elegante lösung dass dann über javas*****+onclick auf bild zu lösen
welchen player verwendest du?

für jwplayer siehts zb so aus

<s***** type="text/javas*****">
jwplayer('mediaplayer').setup({
'flashplayer': 'player.swf',
'id': 'playerID',
'width': '480',
'height': '270',
'file': '/videos/video.mp4',
'image': '/thumbs/bild.jpg'
});
</s*****>
also bei "image"

[Exe777]

Ich hab es mir einfach gemacht und das ganze über Dreamviewer eingebunden. der Code sieht so aus

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="392" height="386" id="FLVPlayer">
                      <param name="movie" value="FLVPlayer_Progressive.swf" />
                      <param name="quality" value="high" />
                      <param name="wmode" value="opaque" />
                      <param name="scale" value="noscale" />
                      <param name="salign" value="lt" />
                      <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_3&amp;streamName=videos/montage&amp&image=../bilder/verlegevideo.jpg;autoPlay=false&amp;autoRewind=false;" />
                      <param name="swfversion" value="8,0,0,0" />
                      <!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->
                      <param name="expressinstall" value="../S*****s/expressInstall.swf" />
                      <!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->
                      <!--[if !IE]>-->
                      <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="392" height="386">
                        <!--<![endif]-->
                        <param name="quality" value="high" />
                        <param name="wmode" value="opaque" />
                        <param name="scale" value="noscale" />
                        <param name="salign" value="lt" />
                        <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_3&amp;streamName=videos/montage&amp&../image=bilder/verlegevideo.jpg;autoPlay=false&amp;autoRewind=false" />
                        <param name="swfversion" value="8,0,0,0" />
                        <param name="expressinstall" value="../S*****s/expressInstall.swf" />
                        <!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->
                        <div>
                          <h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
                          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" /></a></p>
                        </div>
                        <!--[if !IE]>-->
                      </object>
                      <!--<![endif]-->
                  </object>

da wo steht

&image=../bilder/verlegevideo.jpg;

hab ich manuel eingefügt aber leider funktioniert es nicht

[Exe777]

Jetzt nochmal eine genauere Beschreibung.

Mein Problem ist ich muss ein Video auf einer HTML Seite einbinden. Die ganzen Daten die dafür benötigt werden können nur lokalen bezug haben (also alles Offline). Die Seite wird auf einem USB-Stick erstellt und dient als Auswahlmenü.

Ich habe schon viele player getestet aber es war nie so das richtige dabei.

wichtige Kriterien sind:

- Vorschaubild (wie bei Youtube, aber ein von mir definiertes Bild)
- Vollbildmodus
- keine zusätzliche Installation auf den Rechner (also wirklich vom USB stick aus alles starten)
- die Videos müssten auf allen Systemen abspielbar sein (also windows, Mac, usw)
ich hoffe ich konnte mich diesmal etwas besser ausdrücken^^

MfG euer Exe777

[ProgMaster]

Also, eine genaue Beschreibung ist das nichts.

Welche Technologien sollen verwendet werden, welche nicht?

[Exe777]

na da das ganze offline funktionieren soll denk ich mal ohne php und da bleibt ja dann nur noch Javas***** und Flash.

[Exe777]

Thema kann geschlossen werden^^

Problem gelöst^^


Ich hatte den flv-player in einen extra verzeichniss gelgt, und durch einen zufall hab ich es in das rootverzeichniss gepackt und siehe da es funktioniert^^

[Its_only_me]

für nachfolgende mit dem gleichen problem:
das video-tag in html5 kann alles, wonach hier gefragt wurde (vorschaubild etc.).
und wenn man noch extra was drüber legen will, kann man dies mit css umsetzen.