ThailandTIP Forum

Rund ums Forum => Verbesserungen und Vorschläge => Thema gestartet von: somtamplara am 06. Mai 2013, 09:44:49

Titel: YouTube Videos Einfuegen fuer Ambitionierte :>)
Beitrag von: somtamplara am 06. Mai 2013, 09:44:49
Damit ueberhaupt jemand was versteht, fasse ich mich sehr kurz  ;]

mfritz31 hatte neulich gefragt, warum man hier keine YouTube Videos einfuegen kann mit Vorschaubild und
"Play" Button wie in vielen Webseiten, Foren, Blogs usw. zu sehen.
Wird wohl im TIP Forum auf absehbare Zeit nicht gehen  :(

herport hat eine besonders innovative Methode zum "Nachempfinden" gefunden.
Siehe in diesem Beitrag unten (anklickbares, selbst gemachtes/hochgeladenes Vorschaubild):

http://forum.thailand-tip.com/index.php?topic=9723.msg1082818#msg1082818 (http://forum.thailand-tip.com/index.php?topic=9723.msg1082818#msg1082818)

Die Methode (how to) duerfte fuer die meisten Benutzer zu aufwendig und kompliziert sein, also lasse ich auch die Erklaerung dazu.

----------------------------

Was aber relativ einfach machbar ist:
YouTube generiert zu jedem Video Links Vorschaubilder, die man als Grafik einfuegen kann.
Ich wuerde also einfach den normalen Link zum Video einfuegen (so wie das bisher aussieht):

http://www.youtube.com/watch?v=iMWKPvmUVg4 (http://www.youtube.com/watch?v=iMWKPvmUVg4)

Und dann kann man aus der Video ID (hier: iMWKPvmUVg4) einen Link zu einem Vorschaubild generieren:

              img.youtube.com/vi/iMWKPvmUVg4/0.jpg

("0.jpg" ist das Standard Vorschaubild, Ziffer "0")

Dieses Vorschaubild als Grafik einfuegen dahinter setzen und schon sieht das nicht mehr so trocken aus:

http://www.youtube.com/watch?v=iMWKPvmUVg4 (http://www.youtube.com/watch?v=iMWKPvmUVg4)

(http://img.youtube.com/vi/iMWKPvmUVg4/0.jpg)
Titel: Re: YouTube Videos Einfuegen fuer Ambitionierte :>)
Beitrag von: ManAlu am 08. Mai 2013, 12:14:00
http://www.youtube.com/watch?v=3o4Fgh0KW_4                                                                                                                                                    
(http://img.youtube.com/vi/3o4Fgh0KW_4/0.jpg)  

Vielen Dank Somtamplara  {--                          
              

edit: Kodierung fuer das Bild ([img]...) auf neue Zeile gesetzt, jetzt funzt es auch
Titel: Re: YouTube Videos Einfuegen fuer Ambitionierte :>)
Beitrag von: somtamplara am 08. Mai 2013, 12:54:47
So muss es im Editfenster aussehen:

[box]         http://www.youtube.com/watch?v=3o4Fgh0KW_4

      [img]http://img.youtube.com/vi/3o4Fgh0KW_4/0.jpg[/img]
          
[/box]

M.E. am einfachsten den Videolink nochmal als Grafik einfuegen und dann um-modeln?

Dann kommt das raus:

http://www.youtube.com/watch?v=3o4Fgh0KW_4

(http://img.youtube.com/vi/3o4Fgh0KW_4/0.jpg)

Titel: Re: YouTube Videos Einfuegen fuer Ambitionierte :>)
Beitrag von: Herport am 09. Mai 2013, 01:30:16
Zitat
herport hat eine besonders innovative Methode zum "Nachempfinden" gefunden.
...anklickbares, selbst gemachtes/hochgeladenes Vorschaubild...
Die Methode (how to) duerfte fuer die meisten Benutzer zu aufwendig und kompliziert sein, also lasse ich auch die Erklaerung dazu.


Dann will ich mal versuchen, meinen Weg auf einfache Weise zu erklären:

Nehmen wir als Beispiel meinen heutigen Beitrag in "Sammelsurium/Kuriositäten".

Der da hatte auch Ärger mit seinem Lieferwagen.
Man beachte seinen letzten, mutigen Rettungsversuch mit dem Stein!  ;]
http://www.liveleak.com/view?i=0bc_1367868901 (http://www.liveleak.com/view?i=0bc_1367868901)
Der Link zum Video ist ganz normal dargestellt, aber wir werden das nun ändern.

                                                                       ***

1.) Vorschaubild des Videos:

Das Vorschaubild mach ich direkt vom Bildschirm. Üblicherweise verwendet man die Tasten ALT + DRUCK und
hat den aktuellen Bildschirmscreen als JPG in der Zwischenablage.

Komfortabler geht es mit der Freeware "Hardcopy", da das Programm die Möglichkeit bietet, das Bild vom Bildschirm
noch anzupassen und zu verändern (Zuschneiden, Text einfügen, Malen, und sonstige Spielereien etc.)
 (http://up.picr.de/14393186zk.jpg) (http://www.info.hardcopy.de/) = Symbol anklicken zum Download

Das Vorschaubild zum Video würde dann unbearbeitet so ausschauen:

(http://up.picr.de/14393548dz.jpg)

Das Bild nun mittels "Hardcopy" auf die gewünschte Größe zuschneiden und z.B. auf "picr.de" uploaden für die weitere Verwendung.

                                                                       ***

2. Link zum Video anpassen:

Der ursprüngliche Link, wie er im Beitrag dargestellt ist, sieht in der Editier-Funktion so aus:
(http://up.picr.de/14393913fg.jpg)
Ergebnis =
http://www.liveleak.com/view?i=0bc_1367868901 (http://www.liveleak.com/view?i=0bc_1367868901)

                                                                       ***

Wollen wir jetzt, dass der Link einen anderen Namen hat und nicht http.://www.irgendwasxxxx, sondern z.B. "Video",
bauen wir den Link in der Editierfunktion wie folgt um:
(http://up.picr.de/14394072ur.jpg)
(Änderungen sind rot hervorgehoben)
Ergebnis = Video (http://www.liveleak.com/view?i=0bc_1367868901)
 
                                                                       ***

Soll anstatt dem Wort "Video" ein anklickbares Bild - also unser Vorschaubild - angezeigt werden,
bauen wir den Link in der Editierfunktion wie folgt um (anstatt dem Wort "Video", setzen wir nun den Link zum Bild):
(http://up.picr.de/14394390za.jpg)
(Änderungen sind rot hervorgehoben)

Ergebnis =
(http://up.picr.de/14394457hq.jpg) (http://www.liveleak.com/view?i=0bc_1367868901)

                                                                       ***

Ist also nicht so schwer und ich hoffe ich habe es verständlich und anschaulich dargestellt. Wenn nicht,
fragen kostet nichts. Antworten und Hilfe gerne hier oder per PN (auch am morgigen Vatertag)  [-]