PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Video in lightbox einbinden
Beitrag
<blockquote data-quote="little_polarbear" data-source="post: 1904607" data-attributes="member: 318118"><p>Hallo zusammen,</p><p></p><p>ich hänge leider wieder fest. Ich möchte auf meiner Webseite gerne Videos mit dem JW Player darstellen. Man sieht erst ein ganz normales Bild und wenn man dort draufklickt, geht eine Lightbox auf und in der Lightbox wird das Video mit dem JW Player abgespielt. Das ganze realisiere ich mit Wordpress. Man kann dort ja den HTML Code direkt in die Seiten eingeben, denn ich möchte auch gerne das Layout der Lightbox von meinem Thema benutzen. </p><p></p><p>Ich bin schon soweit gekommen, dass ich den JW Player ganz normal auf der Webseite einbinden kann und das Video wird sogar abgespielt <img src="/styles/default/xenforo/smilies/biggrin.gif" class="smilie" loading="lazy" alt=":D" title="Big Grin :D" data-shortname=":D" /></p><p></p><p>den Code den ich dafür benutzt habe sieht wie folgt aus:</p><p></p><p> <div id='player'>This div will be replaced by the JW Player.</div></p><p> </p><p> <script type='text/javascript' src='/jwplayer/jwplayer.js'></script></p><p> </p><p> <script type='text/javascript'></p><p> jwplayer('player').setup({</p><p> 'flashplayer': '/jwplayer/player.swf',</p><p> 'width': '640',</p><p> 'height': '360',</p><p> 'file': '/videos/monster_s.mov'</p><p> });</p><p> </script></p><p></p><p>Dann hab ich mich schlau gemacht, wie man eine Lightbox erstellt. Dazu habe ich folgenden Code gefunden und mit Bilder klappt das ganze auch <img src="/styles/default/xenforo/smilies/biggrin.gif" class="smilie" loading="lazy" alt=":D" title="Big Grin :D" data-shortname=":D" /></p><p></p><p></p><p><a href="/bilder/concept3.tif" rel="prettyPhoto" title="This is the description"><img src="/bilder/504.jpg" width="300" height="400" alt="This is the title" /></a></p><p></p><p>jetzt ist meine Frage, wie kann ich das kombinieren. Ich hab schon super viel rumprobiert, hat aber leider alles nicht richtig hingehauen. Google hat bis jetzt auch nichts richtiges ausgespuckt, vielleicht hab ich auch nach den falschen Stichwörtern gesucht. Auf jedenfall hab ich auf einer anderen Seite gelesen, dass man den JW Player als Funktion definieren könnte und dann quasi über einen Link aufruft. Nur das hat bei mir auch nicht hingehauen. Wahrscheinlich habe ich es falsch gemacht, denn leider bin ich absolut kein Programmier-Guru :uhm:</p><p></p><p>Es wäre super, wenn mir einer von euch helfen könnte, oder mir einen Rat geben könnte, wie ich das ganze anfangen könnte.</p></blockquote><p></p>
[QUOTE="little_polarbear, post: 1904607, member: 318118"] Hallo zusammen, ich hänge leider wieder fest. Ich möchte auf meiner Webseite gerne Videos mit dem JW Player darstellen. Man sieht erst ein ganz normales Bild und wenn man dort draufklickt, geht eine Lightbox auf und in der Lightbox wird das Video mit dem JW Player abgespielt. Das ganze realisiere ich mit Wordpress. Man kann dort ja den HTML Code direkt in die Seiten eingeben, denn ich möchte auch gerne das Layout der Lightbox von meinem Thema benutzen. Ich bin schon soweit gekommen, dass ich den JW Player ganz normal auf der Webseite einbinden kann und das Video wird sogar abgespielt :D den Code den ich dafür benutzt habe sieht wie folgt aus: <div id='player'>This div will be replaced by the JW Player.</div> <script type='text/javascript' src='/jwplayer/jwplayer.js'></script> <script type='text/javascript'> jwplayer('player').setup({ 'flashplayer': '/jwplayer/player.swf', 'width': '640', 'height': '360', 'file': '/videos/monster_s.mov' }); </script> Dann hab ich mich schlau gemacht, wie man eine Lightbox erstellt. Dazu habe ich folgenden Code gefunden und mit Bilder klappt das ganze auch :D <a href="/bilder/concept3.tif" rel="prettyPhoto" title="This is the description"><img src="/bilder/504.jpg" width="300" height="400" alt="This is the title" /></a> jetzt ist meine Frage, wie kann ich das kombinieren. Ich hab schon super viel rumprobiert, hat aber leider alles nicht richtig hingehauen. Google hat bis jetzt auch nichts richtiges ausgespuckt, vielleicht hab ich auch nach den falschen Stichwörtern gesucht. Auf jedenfall hab ich auf einer anderen Seite gelesen, dass man den JW Player als Funktion definieren könnte und dann quasi über einen Link aufruft. Nur das hat bei mir auch nicht hingehauen. Wahrscheinlich habe ich es falsch gemacht, denn leider bin ich absolut kein Programmier-Guru :uhm: Es wäre super, wenn mir einer von euch helfen könnte, oder mir einen Rat geben könnte, wie ich das ganze anfangen könnte. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Video in lightbox einbinden
Oben