Aktuell: Hintergrundmusik auf der Homepage

Schritt 1:
Bei der Wahl der Musik hat der Nutzer freie Wahl. Es empfiehlt sich natürlich, Musik ohne Hintergrundgeräusche zu nehmen, da jegliche Nebengeräusche einen unschönen Effekt haben. Wichtig ist, dass das Musikvideo von YouTube kommt. Sollte das nicht der Fall sein, so funktioniert der nachfolgende Code nicht.

Sobald das Wunschvideo mit der passenden Musik gefunden ist, findet man unter dem Video die Funktion "Teilen".

[img]http://dl.dropbox.com/u/48456211/forum_kn/hufzkhp/s1_hg_m.png[/img]

---

Schritt 2:
Nach dem Klick auf "Teilen" sollte ein weiteres Menü aufklappen, in dem neben anderen Funktionen die Funktion "Einbetten" zu finden ist.

[img]http://dl.dropbox.com/u/48456211/forum_kn/hufzkhp/s2_hg_m.png[/img]

Dort muss raufgeklickt werden, um zum nächsten Schritt zu gelangen.

---

Schritt 3:
Nachdem auf "Einbetten" geklickt wurde, erweitert sich Menü erneut. Dort sind die auf dem folgenden Screen zu sehenden Einstellungen wichtig. Es ist wichtig, dass genau diese Optionen angeklickt sind, da der Code sonst nicht funktioniert.

[img]http://dl.dropbox.com/u/48456211/forum_kn/hufzkhp/s3_hg_m.png[/img]

Wurde alles so befolgt, kann der Code aus der Box rauskopiert werden und mit Schritt 4 weitergemacht werden.

---

Schritt 4:
Im 4. Schritt der Anleitung wird der Code so geändert, dass die Musik automatisch abgespielt wird.

HTML-Code:
<object width="560" height="340"><param name="movie" value="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

Leider kann man den Code nicht einfach so benutzen, wie er dort steht. Um es einem etwas leichter zu machen, verkürzt man den Code zuerst, indem man die oben im Code rot markierten Stellen sucht und rauslöscht. Wir haben dann folgenden Code:

HTML-Code:
<object width="560" height="340"><param name="movie" value="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0"></param><embed src="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

Zur besseren Übersicht sind in diesem Code nun die Links blau markiert. Sie stehen nach dem Code-Attribut src in Anführunszeichen und beginnen, sofern ihr die richtigen Einstellungen vorgenommen habt (siehe 2. auf dem Screen) mit http:// und hören mit &rel=0 auf. Ihr fügt dann direkt nach den beiden Links vor dem Anführungszeichen jeweils ein &autoplay=1 ein. Der Code sieht nun so aus:

HTML-Code:
<object width="560" height="340"><param name="movie" value="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0&autoplay=1"></param><embed src="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

Wer diesen Code probeweise auf seiner HP einfügt stellt fest, dass er das gesuchte Video einbindet und beim Starten der Homepage automatisch abspielt. Da wir aber nur die Musik hören wollen, verstecken wir das Video, indem wir es in einen 1x1 Pixel großen Kasten packen und den nach links aus dem Bildschirm schieben. Ihr fügt also die orange gefärbten Codepassagen jeweils vor und nach dem obigen Code ein:

HTML-Code:
<div style="width:1px;height:1px;margin-left:-999999em;overflow:hidden;"><object width="560" height="340"><param name="movie" value="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0&autoplay=1"></param><embed src="http://www.youtube-nocookie.com/v/32Jk-JcVeRg?fs=1&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></div>

Den fertigen Code könnt ihr dann in eines der großen Textfelder auf eurer HP einfügen. Ihr solltet dann kurz nach dem Laden der HP die Musik beginnen hören. Diese Technik sollte momentan einwandfrei in den aktuellen Versionen von den Browsern Opera, Google Chrome, Firefox, Internet Explorer und Safari funktionieren.

<div style="width:1px;height:1px;margin-left:-999999em;overflow:hidden;"><object width="480" height="390"><param name="movie" value="http://www.youtube-nocookie.com/v/TsQhuKZIj5Q?fs=1&hl=de_DE&rel=0"&autoplay=1"></param><embed src="http://www.youtube-nocookie.com/v/TsQhuKZIj5Q?fs=1&hl=de_DE&rel=0"&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed></object></div>

<div style=width:1px; height:1px; margin-left:-999999em; overflow:hidden;>
<object><param name=movie value=http://www.youtube-nocookie.com/v/TsQhuKZIj5Q?fs=1&hl=deDE&rel=0&autoplay=1></param><embed src=http://www.youtube-nocookie.com/v/TsQhuKZIj5Q?fs=1&hl=deDE&rel=0&autoplay=1 type=application/x-shockwave-flash allowscriptaccess=always allowfullscreen=true width=480 height=390></embed></object></div>

<div style="width:1px;height:1px;margin-left:-999999em;overflow:hidden;"><object width="480" height="390"><param name="movie" value="http://www.youtube-nocookie.com/v/bqCfAulTuVM?fs=1&hl=de_DE&rel=0&autoplay=1"></param><embed src="http://www.youtube-nocookie.com/v/bqCfAulTuVM?fs=1&hl=de_DE&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed></object></div>

11.4
Der Gebrauch oder die Verlinkung von urheberrechtlich geschütztem Material ist Nutzern nur gestattet, soweit dies im Rahmen der anwendbaren gesetzlichen Bestimmungen und der jeweils geltenden Geschäftsbedingungen des Urhebers bzw. des Anbieters geschieht oder durch den jeweiligen Anbieter oder Urheber gesondert gestattet wurde.
Nutzer dürfen dieses Material nicht über diesen erlaubten Rahmen hinaus vervielfältigen, nachbilden, übertragen, vertreiben, veröffentlichen, kommerziell verwerten, auf andere Weise in elektronischer oder anderer Form in ein anderes Datenformat übertragen oder in sonstiger Weise nutzen. Insbesondere ist es unzulässig, Markennamen oder Markenzeichen unabhängig davon, ob dies in ursprünglicher oder veränderter Form oder durch Verlinkung mit einer anderen Domain im Internet geschieht, zu verwenden.
Dem Nutzer ist bekannt, dass die Verletzung urheberrechtlicher Schutzrechte Grundlage von Schadenersatzansprüchen ist und stellt die Knuddels.com GmbH & Co KG und den Betreiber der Seite Knuddels auf erstes Anfordern von eventuellen Schadensersatzforderungen Dritter, die aus einer solchen Verletzung von Urheberrechten herrühren, frei.

11.5
Musik und Videos unterliegen in der Regel Urheberrechten. Sie dürfen daher nicht ohne Einverständnis des Urheberrechtsinhabers veröffentlicht oder verbreitet werden. Daher ist die Einbindung von Musik und Videos in eine Homepage nur gestattet, soweit einer Veröffentlichung und Verbreitung dieses Materials keine Rechte Dritter, insbesondere Urheberrechte, entgegenstehen. Vor einer Einbindung von Musik und Videos in eine Homepage ist der User selbst verpflichtet, sich davon zu überzeugen, dass dieses Material frei von derartigen Rechten ist. Sollte das Material urheberrechtlich geschützt sein, so ist eine Einbindung in eine Homepage nur dann zulässig, wenn eine ausdrückliche Erlaubnis des Urheberrechtsinhabers vorliegt. Der Betreiber des Internetangebotes von Knuddels.de behält sich für den Fall der Einbettung urheberrechtlich geschützten Materials die Löschung bzw. Sperrung der Nutzerhomepage vor.