Videoeinbindung mit Hilfe von Radiobutton
- #1432950 - 28.03.2008, 16:20:32
|
Registriert: 03.06.2007
Beiträge: 3.357
|
Tagchen, hab über die SuFu leider nichts entsprechendes gefunden und auch sonst nichts! Falls doch bereits ein Thread zu so einem Thema existiert, wäre ich über eine Verlinkung dankebar! Also hab da mal eine Frage, und zwar: Wenn man zum Beispiel 5 Videos von Youtube.com auf die Knuddels-Hp setzen will, ist das ja kein Problem. Allerdings hätte ich gerne, dass man die Videos in Form von Radiobutton auswählen kann, und dass dann nur dieses ausgewählte Video erscheint. Die anderen Videos sollten folglich ausgeblendet sein. Ist das so möglich? Radiobutton1 (Video1): false und ausgeblendet Radiobutton2 (Video2): false und ausgeblendet Radiobutton3 (Video3): true und sollte also angezeigt werden Radiobutton4 (Video4): false und ausgeblendet Radiobutton5 (Video5): false und ausgeblendet Da ich nicht wirklich viel Ahnung davon habe, wollt ich mal fragen, ob mir da jemand behiflich sein kann?! MfG
|
|
[zum Seitenanfang]
|
|
Re: Videoeinbindung mit Hilfe von Radiobutton
[Re: Brösl]
- #1433432 - 28.03.2008, 22:06:06
|
Süßa<Boi>
Nicht registriert
|
Ich habe folgenden Code mal wegen Bildauswahl per Radiobuttons auf 'ner Seite gehabt: Bildauswahl: <input type="radio" name="bild" value="Bild1" onclick="bild.src='bild1.png'"> 1. Bild <br /> <input type="radio" name="bild" value="Bild2" onclick="bild.src='bild2.png'"> 2. Bild <br /> <input type="radio" name="bild" value="Bild3" onclick="bild.src='bild3.png'"> 3. Bild <br /> <input type="radio" name="bild" value="Bild4" onclick="bild.src='bild4.png'"> 4. Bild <br /> <input type="radio" name="bild" value="Bild5" onclick="bild.src='bild5.png'"> 5. Bild <br /> <br /> <img src="bild1.png" id="bild" alt="" /> Standardmäßig wurde das 1. Bild angezeigt, klickte man auf den Radiobutton vor 2. Bild, so wurde das 2. Bild angezeigt, usw. Nun muss man das Ganze ein wenig umschreiben, das Problem dürfte aber sein, dass Youtube volle Codes hat und ich hab keine Ahnung inwieweit man den gesamten Code da einfügen kann.. Evtl. gibt es die Möglichkeit Variablen zu definieren (ist aber HTML und kein PHP :/) und dann die einzelnen Variablen zu deklarieren. Ich habe es auch versucht einfach dem embed Tag id="vid" zuzuweisen und dann ebenfalls "vid.src='ADRESSE DES VIDEOS'" aber das funktionierte leider nicht. Daher weiß vielleicht jemand anderer, wie man meinen Code oben abwandeln kann für Videos - sofern möglich.
|
|
[zum Seitenanfang]
|
|
|
Re: Videoeinbindung mit Hilfe von Radiobutton
[Re: ]
- #1433710 - 29.03.2008, 01:26:35
|
aboleo
Nicht registriert
|
Im Prinzip ganz einfach und muesste auch im Knuddel-Editor funktionieren, wenn du fuer den Radiobutton einen eventhandler her nimmst und diesem dann die URL verpasst. Ein Beispiel, koennte ich mir jetzt so vorstellen - weitere Feinheiten waeren dann halt noch einzuarbeiten: <label>
<input type="radio" value="" onClick="window.open('http://www.youtubeVideo1.com')">
[color:"orange"]<!-- obiges Beispiel ist fuer eine Oeffnung in einem neuen Fenster -->[/color]
<input type="radio" value="" onClick="parent.location='http://www.youtubeVideo2.com'">
[color:"orange"]<!-- obiges Beispiel fuer eine Oeffnung im selben Fenster -->[/color]
usw. usw.
</label> vllt. waere es sinnvoll und eine relative einfache Sache, wenn du das ganze evtl. noch in ein inline-Frame einbettest, dass du dann eben deinen weiteren Beduerfnissen anpasst. Sicher gibt es da noch einige andere Varianten, jedoch halte ich diese fuer relativ einfach zu verstehen und - was viel wichtiger ist - umzusetzen. ~leo
|
|
[zum Seitenanfang]
|
|
|
Re: Videoeinbindung mit Hilfe von Radiobutton
[Re: ]
- #1434014 - 29.03.2008, 12:33:09
|
aboleo
Nicht registriert
|
Sorry, ich war wohl heute morgen nicht ganz Herr meiner Sinne: [color:"#000099"]<div style="[color:"#0000ff"]float[color:"#ff00ff"]:[/color]left[color:"#ff00ff"];[/color][/color]">
<iframe src=[color:"blue"]"http://www.youtube.com[color:"red"](*)[/color][/color] width=[color:"blue"]"425"[/color] height=[color:"blue"]"355"[/color] name=[color:"blue"]"youtube"[/color] frameborder=[color:"blue"]"0"[/color]></iframe>
</div>
<label for=[color:"blue"]"youtube"[/color]>[color:"black"]Video1[/color]</label>[/color]
[color:"orange"]<input type=[color:"blue"]"radio"[/color] name=[color:"blue"]"youtube"[/color] value=[color:"blue"]""[/color] onClick=[color:"blue"]"parent.youtube.location.href='http://www.youtube.com[color:"red"](*)[/color]'"[/color] />[/color]
[color:"#000099"]<label for=[color:"blue"]"youtube"[/color]>[color:"black"]Video2[/color]</label>[/color]
[color:"orange"]<input type=[color:"blue"]"radio"[/color] name=[color:"blue"]"youtube"[/color] value=[color:"blue"]""[/color] onClick=[color:"blue"]"parent.youtube.location.href='http://www.youtube.com[color:"red"](*)[/color]'"[/color] />[/color]
[color:"#000099"]<label for=[color:"blue"]"youtube"[/color]>[color:"black"]Video3[/color]</label>[/color]
[color:"orange"]<input type=[color:"blue"]"radio"[/color] name=[color:"blue"]"youtube"[/color] value=[color:"blue"]""[/color] onClick=[color:"blue"]"parent.youtube.location.href='http://www.youtube.com[color:"red"](*)[/color]'"[/color] />[/color]
[color:"#000099"]<label for=[color:"blue"]"youtube"[/color]>[color:"black"]Video4[/color]</label>[/color]
[color:"orange"]<input type=[color:"blue"]"radio"[/color] name=[color:"blue"]"youtube"[/color] value=[color:"blue"]""[/color] onClick=[color:"blue"]"parent.youtube.location.href='http://www.youtube.com[color:"red"](*)[/color]'"[/color] />[/color]
[color:"red"](*)[/color] Hier, in diesem Bereich, die jeweillige Verlinkung zum Video waere z.B. ein funktionierendes Beispiel, wenn ich die Anforderungen richtig verstanden habe.
|
|
[zum Seitenanfang]
|
|
|
Re: Videoeinbindung mit Hilfe von Radiobutton
[Re: ]
- #1434183 - 29.03.2008, 14:32:28
|
Registriert: 03.06.2007
Beiträge: 3.357
|
Tagchen, danke schonmal glücklich, aber ich hätte da dann noch die ein oder andere kleine Bitte, da ich jetzt selbst bissl experimentiert habe, aber zu keinen zufriedenstellenden Ergebnis kam. 1. Einen weitern Radiobutton, bei dem kein Video hinterlegt ist. Bei diesem Radiobutten, sollte sich das Videofenster wieder verschwinden. 2. Wäre es möglich, dass nicht die ganze Youtube/MyVideo Seite angezeigt wird, sonder nur der Bereich, indem das Video zu sehen ist? Oder nur der Player selbst. 3. Lässt sich die Größe/Breite von dem nicht ändern,da es irgnediwe zu klein/schmal ist und ich weiß nicht wieso. <iframe src="http://www.youtube.com (*) width="425" height="355" name="youtube" frameborder="0"></iframe> Danke! MfG
Bearbeitet von Brösl (29.03.2008, 14:33:07)
|
|
[zum Seitenanfang]
|
|
|
Re: Videoeinbindung mit Hilfe von Radiobutton
[Re: Brösl]
- #1434274 - 29.03.2008, 15:59:51
|
aboleo
Nicht registriert
|
Zu deinem ersten Punkt, das kannst du mit einem Div-Container und einem Java-Script realisieren, wenn du es einfach halten moechtes, was aber bereits in diesem Thread diskutiert wurde und eine verstaendliche Anleitung dazu - glaube ich - wurde weiter unten auch verlinkt. Zu deinem Zweiten Punkt - das wollte ich eben mit dem roten Stern andeuten aber naja ist wohl doch zu schwer gewesen. <object width="425" height="355"><param name="movie" value=" [color:"red"]http://www.youtube.com/v/SVpkUR4J5GY&hl=en[/color]"></param><param name="wmode" value="transparent"></param><embed src=" [color:"red"]http://www.youtube.com/v/SVpkUR4J5GY&hl=en[/color]" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> Hier musst du einfach bei jedem Video den rot hervorgehobenen Bereich nehmen und an den entprechenden Stellen an deinem Code hinzufuegen, dann bekommst du nur den Player und nicht die ganze youtube Seite. Zum dritten Punkt ist zu sagen, dass du den richtigen Bereich schonmal hier gepostet hast aber eigentlich, ist die Breite (width) und die Hoehe (height) genau an das Fenster des Youtube-Players ausgerichtet, der ist nun mal 425 Breit und 355 Hoch und an diesen Stellen, kannst du ja auch schrauben, wenn du willst, dass das Fenster kleiner wird aber da ich mir mal denken kann, dass du keine Ahung hast, wie du die api anzapfst ist das zwecklos, denn dann wuerdest du nur das inlineFrame verkleinern und somit Bereiche deines Videos wegschneiden. /e die Fragestellung zu deinem ersten Punkt, solltest du vllt. genauer erklaeren, weil ich es vllt. nicht so ganz verstehe aber jemand andres versteht es evtl.
Bearbeitet von aboleo (29.03.2008, 16:06:29)
|
|
[zum Seitenanfang]
|
|
|
Re: Videoeinbindung mit Hilfe von Radiobutton
[Re: Brösl]
- #1436071 - 31.03.2008, 04:48:46
|
Registriert: 03.06.2007
Beiträge: 3.357
|
Tagchen,
Danke für eure Hilfe! Thread kann geschlossen werden!
MfG
|
|
[zum Seitenanfang]
|
|
vorheriges Thema
Index