Fragethread: Musik- und Videoeinbindung - Teil 2

Musik- und Videoeinbindung auf der Knuddels-Homepage

Die Einbindung von Musik und Videos ist auf der Homepage laut den AGB erlaubt, sofern keine Urheberrechte verletzt werden.

Allgemeine Hinweise zum Urheberrecht
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.

Wie kann ich ein Video auf meine Homepage einfügen?
Bei großen Anbietern, wie YouTube oder MyVideo stehen die Codes zum Einbetten direkt neben oder unter dem Video. Der HTML-Code beginnt dabei meistens mit dem Wort "object". Es ist empfohlen, nur Videos von solchen allgemein bekannten Anbietern einzufügen, da damit meistens (aber nicht immer) gewährleistet ist, dass kein Urheberrecht verletzt wird. Will man ein eigenes Video auf die Homepage stellen, läd man es am besten bei einem der oben verlinkten Anbieter hoch und fügt es dann wie oben beschrieben mit dem Code ein, der neben oder unter dem Video steht.

Wie kann ich eine Hintergrundmusik in meine Homepage einbinden?
Auch hier empfiehlt es sich, die Musik von großen Anbietern wie YouTube oder MyVideo zu beziehen, denn auch hier ist meistens gewährleistet, dass keine Urheberrechte verletzt werden.

1. Schritt:
Du suchst dir ein Musikvideo bei einem der oben verlinkten Anbieter, bei dem die Qualität möglichst gut ist. Am Ende wird man das Video nicht mehr sehen (von daher ist es egal, was man im Video sieht), aber den Ton (also die Musik) aus dem Video hören. Wenn du das richtige Video gefunden hast, kopierst du oben aus der Adressleiste deines Browsers den Link (URL) zu diesem Video.

2. Schritt:
Du fügst den vorher kopierten Link (URL) in den folgenden HTML-Code ein (also zwischen die Anführungszeichen nach dem "src". Dann kopierst du den Code und fügst ihn in eines der großen Textfelder deiner Homepage ein.


Dieser Code fügt ein kleines, unsichtbares Fenster in deine Homepage ein, in dem die Seite von YouTube geöffnet wird, auf der sich das Video befindet. Dieses Fenster wird durch die Eigenschaften width (Breite) und height (Höhe) auf die Größe 0x0 Pixel verkleinert und somit "unsichtbar" gemacht. Anschließend wird der Iframe (so nennt man dieses Fenster) zur Sicherheit, dass man wirklich nichts zu sehen bekommt, mithilfe eines großen negativen Abstands zum linken Bildschirmrand (Eigenschaft margin-left) aus dem Blickfeld gezogen.

3. Schritt:
Die Musik sollte inzwischen schon zu hören sein, wenn du deine Homepage öffnest. Allerdings teilt nicht jeder deinen Musikgeschmack und so solltest du jedem Besucher die Möglichkeit geben, die Musik abzuschalten. Das machst du mit folgendem Code:


Klickt der Besucher deiner Homepage auf diesen Link, wird in dem kleinen unsichtbaren Fenster, in dem vorher die Seite mit deinem Video geöffnet war, die Startseite von Knuddels.de geöffnet. Da dort keine Musik läuft, hört die Musik auf deiner Homepage natürlich auf. Wenn du Statt der Adresse der Knuddels-Startseite den URL eines anderes Videos einfügst, kannst du den Besucher übrigens auch zwischen Liedern wählen lassen.

Für die Faulen...
Für alle, die obige Anleitung nicht verstehen, oder sie nicht lesen möchten, haben wir einen kleinen Codegenerator geschrieben, mit dem ihr euch einen Code für euere Hintergrundmusik generieren lassen könnt. Dazu müsst ihr einfach nur den Link zu eurem gewünschten YouTube-Video dort einfügen und auf "OK" klicken.




Nützliche Links

• HowTo: Wie mache ich Musik/Player auf meine Homepage?

Bei Fragen oder Problemen kann dieser Thread genutzt werden. Bitte seht davon ab, für jede Frage zu diesem Thema einen neuen Thread zu eröffnen.

Eure Moderatoren[img]http://forum.knuddels.de/images/general/default/Mod.gif[/img]

Hallo liebe Forumianer,

gibt es eine andere möglichkeit, Musik auf die Homepage zumachen, ohne das man die Frame benutzt? - Also:

<IFRAME src="LiNK"=related frameBorder=0 width=1 scrolling=no height=1></IFRAME>

Da dieser bei mir auf der Homepage nicht funktioniert :x

Danke im vorraus

Der Code, den du da verwendest, ist auch völlig falsch. Schau mal oben im Eingangspost - dort findest du einen funktionierenden.

Hallo Liebe Forumianer
Wie funktioniert ,dass das man die Hintergrundmusik ausschalten kann
Ich füge den link <a href="http://knuddels.de/" title="Musik aus" target="musik">Musik ausschalten</a> ein

aber der link wird nicht angezeigt auf meiner hp kann mir da ma bitte einer helfen woran das liegt un was ich da falsch mache
Danke

Auf welcher Homepage ist das denn? Auf deiner eigenen HP finde ich garkeinen Code, der Musik per Iframe einbindet.

Doch es gibt ne andere möglcihkeit:


Quelle: selfhtml.org ( http://de.selfhtml.org/html/dateiweit/hintergrundmusik.htm )

MAn kann loop= noch ändern wenn man nciht will das die musik dauerhaft spielt

master Bratack, du kannst auf der Knuddels-Homepage nicht auf den HTML-Head direkt zugreifen. Wie möchtest du dort dann einen bgsound einsetzen? Außerdem werden die wenigsten Leute direkt die Musikdateien einbinden können, ohne damit irgendein Urheberrecht zu verletzen.

Bei Google nach Codes suchen und sie dann kopieren kann jeder, aber man sollte vorher ein bisschen darüber nachdenken.

Gut, mein fehler.
Ich denke immer albemein.

Hm... wie wärs wenn amn bei youtub als mp3 lädt und dan ebi npage.de usw hostet.
Ich wollt diese idee nur äussern

Shinichi Yamamoto

Klar kann man das machen, aber dann freut sich jeder Anwalt, wenn er jemanden wegen Urheberrechtsverstößen verklagen kann. Eine Privatperson kann man schließlich viel besser verklagen als ein großes Unternehmen wie bei Youtube,...
Bedenke einfach, das alles was man nicht selbst produziert/geschützt hat eine Klage nach sich ziehen kann. Knuddels verweist nicht umsonst auf die großen Videoportale.

Hallo Scnappi, was ist, wenn der obengenannte iframe auch nicht geht? - Ich habe jetzt 4 verschiedene Videos ausgesucht, keines davon geht...

Gibt es da noch eine andere möglichkeit, irgendwie Musik auf die Homepage zumachen?

Danke.

Dann liegt es daran, dass der Code oben in unserem Sammelthread falsch ist... Ich habe eben was korrigiert und es dann getestet. Wenn du den aktuellen Code verwendest, geht es.

Ah, jetzt geht er! Daaaaaaaanke

Bei mir geht er ebenfalls nicht. Ausserdem hilft der margin hier nicht viel. Ich hab den code mal bisschen umgeaendert, und es geht perfekt:

Folgender HTML code sollte eingefuegt werden:


Der CSS part:


Der CSS code verhindert das "der so nervige graue Balken vollkommen verschwindet. Bei Rueckfragen einfach melden.

DoUgHbOyS, welchen Browser verwendest du denn? Und welche Version davon? Und hast du vielleicht eine Beispielseite, wo es nicht funktioniert?

Glaube ich nicht, da der Code fehlerhaft ist, wie du am Highlighting schon hättest erkennen müssen. So ist er richtig:

Hier jetzt mal meine Version de iframes.
Habe dem ganzen kein CSS-Stylesheet zugewiesen, da er sowieso komplett ausgeblendet ist =)

hallo
ich habe das genauso gemachd mit der musik im hintergrund eingeben wie es hier steht,
aber wenn ich das gemachd habe kommt am ende dann immer nur
Fehler
Dieses Dokument ist nicht vorhanden! (/homepages/knuddels.de/hp/217/%3Cobject%20width=)
in dem feld wo ich den URL eingeben habe .
deswegen frage ich jetzt mal wo muss man den URL eingeben =#?
Lg Venushexe

Hallo ist denn keiner da ???

lies dir das oben nochmal genau durch.
du muss einfach wioe oben beschhrieben die youtube seite oder was es sonst ist per iframe einbinden.
das geht meineserachtens so:


ich glöaub sind par rechtschreib fehler bei heigh und widthe drin aber ich habs nicht so mit englisch

Ein wenig Geduld solltest du schon mitbringen. Dies hier ist ein Forum und kein Chat.
Ich höre auf deiner HP den Krach , was da fehlt ist etwas zum ausschalten des Krachs.
..height="3" width="3" frameborder="3" <= warum da immer 3 Pixel? Kenne es normal nur in der Orginalgröße oder mit 0 Pixel (unsichtbar). Schau doch bitte noch mal in Eingangsthread wie man es etwas Userfreundlicher gestaltet.(Musik aus)

huhu

keine Ahnung ob ich hier richtig bin mit meiner Frage, aber ich versuchs einfach mal ^^

kann es sein, dass man, wenn man mit dem Internet Explorer on ist, keine Musik mehr auf einer HP hören kann?
Ich bin vorhin mit Firefox on gegangen. Damit konnte ich Musik hören
Früher ging das doch auch mit dem Internet Explorer?! ö.o

Hallo

Ich bin auf was gestoßen,und hab zufällig auf einer Homepage das endeckt.

[img]http://i40.tinypic.com/1548tnd.jpg[/img]


Und sowas hätt ich auch so gern auf meiner Homepage,aber ich frage mich wie der Html code dafür ist.

Könnt ihr mir weiter helfen?

Was ich selber empfehlen koennte, ist dies.

Geht das rechts und links auch ein bisschen kleiner,und andere Farbe?

Hier die Quelle:

jQuery SWF:

http://www.nature-one.de/events/_global_js/swfobject2.2/swfobject.js

JavaScript:



CSS:



Um die Farbe, und Laenge des Players zu veraendern, musst du die folgenden variablen in der JavaScript Dateie anpassen:

Danke sehr

das mit dem link wo man die musik ´´angelblich´´ ausschalten kann funktioniert nicht
die startseite von knuddels wird zwar geöffnet
aber 1. nicht unsichtbar
und 2. viel wichtiger
die musik spielt weiter ab

gibt man statt der addresse von knuddels die von youtube ein
passiert das selbe
nur das jetzt beide lieder abgespielt werden


muss an dem oben genannten link um die musik auszuschalten

<a href="http://knuddels.de/" title="Musik aus" target="musik">Musik ausschalten</a>

noch irgendetwas verändert werden?

bitte um antwort

(im chat /bitte m schicken?)
nick little Jen

Ich sehe auf deiner HP gar keinen Link, der die Musik ausschaltet. Hast du den schon entfernt, oder ist es einfach schon zu spät, dass ich nichts mehr sehe? Wenn du ihn entfernt hast, wäre es gut, wenn du ihn wieder einfügst, denn sonst können wir uns schlecht ein Bild machen.

Wie kann ich eine Musik Playlist einfügen mit 6 Liedern ?


<FONT style="FONT-WEIGHT: bold; FONT-SIZE: 35pt; COLOR: #9400D3; LINE-HEIGHT: 30px; FONT-FAMILY: Park Avenue BT; LETTER-SPACING: -2pt; text-transform: uppercase; text-transform: none">
Playlist
</font><br>
<img src=http://i32.photobucket.com/albums/d33/aisha1nonly/musicplaya.gif><img src=http://i32.photobucket.com/albums/d33/aisha1nonly/musicplaya.gif>
<center>
Star<b>&#8594;</b>Titel
Star<b>&#8594;</b>Titel
Star<b>&#8594;</b>Titel
Star<b>&#8594;</b>Titel
Star<b>&#8594;</b>Titel
Star<b>&#8594;</b>Titel


Das habe ich bis jetzt. nur wie mache ich dort Lieder hin ?

genau das gleihce problem habe ich auch

<a href="http://knuddels.de/" title="Musik aus" target="musik">Musik ausschalten</a>

diesen link hab ich auf meine hp eingefügt aber es wird dann ein neues knuddels fenster geöffnet und das will ich nicht ich will nur das die hintergrundmusik auf meine hp gestoppt wird wenn man auf den button musik stoppen klickt

gibts da vlt einen anderen link? so das kein neues fenster geöffnet wird un das die musik wirklich gestoppt wird?

noch ist der link eingefügt bei 1993ärztefan

könnte da bitte ma einer nachschauen und mir weiterhelfen?

danke

Das liegt daran, dass du zwar den Link zum ausschalten aus diesem Thread hast, aber nicht unseren Iframe-Code benutzt. Das Iframe-Element muss nämlich das Attribut name="musik" besitzen, sonst funktioniert das nicht.

okay danke schön un wie muss den der "link" lauten ? weil ich kenn mich damit nicht so doll aus^^

Dort wo URL steht, fügst du stattdessen den Link zum YouTube-Video ein.


Lässt du einfach so.

gut okay danke ich probiers ma

jaaa es klappt ich bedanke mich recht herzlich scnappi hast mir echt geholfen =)

danke

Hallo,

wollt mal wissen ob es nur möglich ist die Videos von Youtube und Co in seiner Page einzubinden oder kann man auch seine eigenen Flash`s einbinden?

Und wie kann man sich eine Playlist erstellen?

Wäre sehr nett wenn jemand heöfen würde!

Bei youtube registrieren => playlist erstellen => Einstellen das automatisch weitergeschaltet wird => ersten titel per playlist öffnen und url für den iframe nehmen => Auf Knuddels HP kopieren und fertig

Das müsste so hinhauen.

Also, ich will ein Video von Myvideo einfügen, kann aber nirgends den Code finden. Wie finde ich den bei Myvideo?

Siehe hier: Beachte den rot umrandeten Bereich.

Diesen Link dort kopieren und auf deiner HP einfügen - Fertig.


Gruß, Andi.

Ja, das meine ich nicht. Ich will ein Video einfügen das Findet man bei Myvideo unter Serien->Kabel eins->Achtung Kontrolle einfügen. es heisst Achtung Kontrolle Highlights Schwarzfahrer Magdeburg. Da stehen keine Codes!

Ist eine Vermutung, aber:

Kann es sein, dass eben jene Videos der Privatsender nur auf Myvideo zur Verfügung stehen und eine Verlinkung - bewusst und gewollt! - nicht möglich ist, da das nur ein Exklusivangebot für und auf myvideo darstellt? ;)

ka!

Enthält ein Video keinen Einbettungscode, so ist es nicht erwünscht, dass das Video auf einer HP eingebettet wird. Lediglich die Audiospur steht zur Einbettung auf einer HP zur Verfügung.

Noch nicht mal das Audio zeugs hat codes!

Ich hab gesagt, da steht nichts!

Hallo...

Man beachte meinen letzten Beitrag hierzu...



Hinzufügen muss ich jedoch, dass auch letzteres - sprich die Audiospur - nicht immer zur verfügung steht.

... und auf wiedersehen.

Sorry Leuts, aber ich habe da so ein kleines Problem:
Bisher hat alles sehr gut geklappt bei meinen Hps, nur scheint nun etwas mit der Musikeinbindung nicht mehr zu stimmen. Andere Leute hören die Musik auf meinen Knuddelshps ohne jegliche Probleme. Nur bei mir ist es so, dass ich sie nicht mehr höre. Abgsehen von einer einzigen Hp von mir, da höre ich noch die Musik selber. Aber bei allem anderen ist Funkstille.

Kann es sein, das es an meinen Interneteinstellungen liegt? Oder vielleicht doch am Code?
Ich wüsste aber weder,wo es am Internet liegen sollte, noch wo bei den codes, da ich ein und den selben benutze...

Das wäre er:
<IFRAME src=URL scrolling=no height=0></IFRAME>

Ich hoffe, jemand kann mir hier helfen
(ich habe im Übrigen schon es mit den Codes, die hier in dem Threat vorgeschlagen wurde, versucht. Es klappt bei mir dennoch nicht, mit dem hören von musik! So als kleine Nebeninfo...)

In deinem Code fehlten Anführungszeichen, versuch's mal damit:

Ich habe es Versucht, aber sobald ich den Link eines anderen Youtubevideos einfüge, geht es nichtmehr Dx
Aber danke für die schnelle antwort!

Solange du das auf deiner Knuddels-HP nicht ausprobierst, können wir dir auch nicht sagen, wo du einen Fehler machst. Das heißt probier es einfach mal aus dann können wir drüber schauen und dir sagen, warum es nicht geht.

Ah entschuldigung ^^ Eigentlich hatte ich das Sagen sollen, oder?
Ich hab es auf der Hp eines Zweitnicks von mir ausprobiert, weil auf der Hp dieses Nicks funktionierts ja. Aber nicht auf der meiner anderen Nicks. Ausserdem betrifft das von wegen 'ich höre die musik nicht, dafür hören sie die anderen' ja auch nicht nur auf den eigenen Homepages, sondern auf allen anderen Hp's. o_o
Also ich höre zb die Musik auf der Hp des Nicks Growing wings nicht mehr. Ein zweitnick von mir. Trotz des Codes von dir (dort hatte ich das ausprobiert).

Also beim momentanen Code der Zweitnick-HP funktioniert es bei mir. Welchen Internet-Browser verwendest du denn? Firefox, Internet Explorer, Google Chrome, Safari, Opera..?

Genau das meinte ich! Andere hören die Musik - ich nicht!
Auch bei dem Code nicht.
Ich benutze Internet Explorer.

Hast du andere Browser installiert? Wenn ja, teste mal, ob es damit nicht vielleicht geht.

Nein, hab ich leider nicht >.< aber ich kann es ja mal ausprobieren.

Information
Seit heute gibt es im Eingangspost dieses Threads auf der ersten Seite einen Generator, der euch den Code zum Kopieren generiert. Ihr müsst dort nur noch den YouTube-Link einsetzen.

Der funktioniert nicht wirklich gut, Tim. Ich hab' dir schon eine /m deswegen geschrieben, aber ebenfalls habe ich etwas aehnliches codiert, was den meisten hier weiterhelfen wird, und nicht nur mit YouTube-Links funktioniert. Siehe Linkgenerator hier.

Inwiefern funktioniert er nicht gut? Er fügt alles ein, was man in das Textfeld einträgt, auch wenn es ein "Hallo Welt" ist. Dass "Hallo Welt" kein Link zu einem Video ist wird der Benutzer dann spätestens dann feststellen, wenn der Code nicht funktioniert.

Alles weitere bitte per /m im Chat, nicht hier im Fragethread.

Also bei mir funktioniert der Generator einwandfrei, vllt liegt es an einem Schreibfehler beim Link =)

Gerade getestet, mit der aktuellsten Version von Opera geht's nicht. Ausserdem kann man auch PHP-Dateien <iframe>'en, das stimmt nicht das man dies nicht kann. Und das man fast alles eingeben kann, kann man eigl. auch verbessern, wenn man es selber geschrieben hat. Mein Generator blockt naehmlich ausser die URL YouTube, und deren Links. Ich kann auch mehrere URL's erlauben. Ausserdem hab ich alle generierten Links auf deiner MySQL-Datenbank liegen, die man auch suchen koennte, so das man die Links wiederfinden kann.

hallo
war im forum habe da eine frage gestellt das ganze wurde aber wohl schon geschlossen.

ich wollte da keinen link geschickt haben für die hintergrundmusik den habe ich mir dort längst geholt.

meine frage war ich kann die hintergrundmusik nur hören wenn ich oder andere leute mit dem firefox Mozilla oder dem Google Chrome auf die HP gehen die leute wo mit dem Explorer ins internet gehen hören die nicht warum?

Gibt es für den Explorer einen extra HTML Befehl oder warum hören die leute die mit dem auf die HP gehen nichts?

da muss man mir keinen link schicken hier wie diesen:
http://forum.knuddels.de/ubbthreads.php?ubb=showflat&Number=1892672&page=1


das habe ich das alles geholt und kopiert trotzdem funktioniert es nur wenn man mit Firefox oder google chrom ins internet geht und auf die HP

Beim Explorer kommt keine Musik.
und ich wollte nur wissen warum kommt bei den leuten die mit dem Explorer auf HP gehen diese Hintergrundmusik nicht.

Gruss

Hey...ich weiss nicht obs das shon gibt wollte aber mal wissen...

ob man auf der HP ein mp3-player einbinden kann...

also wo man z.B. soein kasten hat mit songs wo man skippen kann oder so...wie bei myspace..so ähnlich geht das ?
und wenn ja wie?

bitteumantwort

Es gibt höchst wahrscheinlich einige externe Anbieter solcher "Mp3-Player".
Da du aber wohl nicht die Rechte dazu besitzt, diese Songs zu veröffentlichen bzw. so einzubinden,
ist es wohl verboten.


#Passi

Hallo ihr Lieben

Ich hab eben die Hintergrundmusik auf einer meiner Homepages erneuert, da es ja jetzt einen neuen Weg gibt um sie so einzubinden
Danke dafür! Funktioniert perfekt!

Nun habe ich eine kleine Frage.
Und zwar als es noch mit iFrame ging konnte man einen 'Link' einfügen, der die Hintergrundmusik stilllegte


Funktionierte immer perfekt.
Nur mit dem neuen Einbinden gelange ich nun nurnoch auf die Startseite von Knuddels.de

Hat hier jemand eine Lösung parat?
Hab ich mir den Link falsch kopiert?

MfG
Sato

Huhu,

das geht immer noch, ist aber etwas umständlicher als früher. Ich habe nur eine sehr unschöne Lösung, weil man dabei eine Scriptbibilothek für einen sehr geringen Zweck einsetzen muss. Dass ich's nicht besser weiß liegt einfach daran, dass ich mich mit JavaScript an sich nie sonderlich auseinandergesetzt habe.

Man fügt dabei einfach diesen Code irgendwo auf der HP ein:

HTML-Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">$('span#mute').click(function(){ $('object[width="560"]').remove(); });</script>

Und dieser Code schaltet dann beim Klick die Musik aus:


Ich bin aber sicher, dass hier noch jemand eine bessere Lösung reinstellt.

Ich danke dir
Habe es getestete.

Der Link ist da, nur passiert beim Klicken leider nichts

Warum eine andere Bibliothek nicht ein wenig mehr nutzen?



So kann man die Größe direkt auf 0 setzen, wahlweise eben den div-Container wie bisher ausm Bild schieben.
Und man hat ne gescheite Möglichkeit, die Musik nur zu pausieren, oder das Laden ganz zu stoppen.

Mehr dazu auch hier > Klick

Alternativ auch so:


Spart man sich nochmal die Funktionen im script.

Klappt zumindest im FF und IE so. Andre Browser hab ich grad nicht zur Hand.

Hier auch noch was dazu > Klick²

Vllt noch als Nachtrag...

So kann man auch recht einfach eine Playlist zur Auswahl stellen, indem man eine neue ID laden lässt.

Wer es sich auf ner Knuddels-HP anschauen will, kann das hier tun: > Klick (ne Dritt-HP von mir..)
Mein Quelltext dafür:

Bei Klick auf WIZO wird in dem Fall ein anderes "Video" geladen.
Möchte man zu Beginn gar keine Musik abspielen lassen, muss man nur den Link bei "swfobject.embedSWF" durch "http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer" ersetzen.

Findet man auch in meinem vorigen Post im ersten Link.

Ich setz mich mal damit auseinander und bedanke mich im Voraus.
Kann ich mich bei eventuellen Fragen im Chat an dich wenden, UnknownSubject?

Hab das Ganze mal ein wenig ausgebaut.. Mir war mal langweilig =D
Kannste sowohl auf der oben verlinkten HP sehn, als auf auf der von Unknown.

Bei Fragen zum Quelltext, kannste mich anschreiben... wahlweise übernehmen und anpassen.. mir egal.

Is nur leider nicht "perfekt", da der Internet Explorer mit einer Funktion nicht zurechtkommt, was mir aber egal sein soll...

Es sei denn, hier ist jmd dabei, der eine "einfache" Methode kennt, um "innerHTML" innerhalb eines Tables anzuwenden.

Ok, sollte nu auch im IE funzen... lag wohl eher an Dummheit... grml.

Hier nochmal ein etwas ausführlicheres Tutorial, um Musik von youtube auf der Homepage einzubinden und die "YouTube JavaScript Player API" zu benutzen.
In diesem Fall wird das "Video" ein wenig anders eingebunden, nämlich als "SWFObject". Dafür ist es nötig, dass eine externe Bibliothek mit eingebunden wird.

Ein Beispiel für einen einfachen Player, mit dem man Musik pausieren und fortsetzen kann:


<!-- Player -->
<div id="ytapiplayer">You will need Flash 8 or better to view this content.</div>

<a href="javascript:void(0);" onclick="ytplayer.playVideo();">Play</a>
<a href="javascript:void(0);" onclick="ytplayer.pauseVideo();">Pause</a>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "ytplayer1" };

swfobject.embedSWF("http://www.youtube-nocookie.com/v/nNT0fQnZBOw?enablejsapi=1&autoplay=1", "ytapiplayer", "0", "0", "8", null, null, params, atts);

ytplayer = document.getElementById('ytplayer1');
</script>
<!-- Ende Player -->


Das eingebundene Video ersetzt das <div> mit der entsprechenden id (ytapiplayer). Da wir aber nur Musik wollen, wird die Größe des Videos ganz einfach auf 0 gesetzt.
Schwarz hervorgehoben ist hierbei die Video-ID von youtube. Diese kann beliebig eingesetzt werden. Mittels "enablejsapi=1" und "autoplay=1" wird festgelegt, dass das Video direkt startet und die API auch verfügbar ist.

****************************************

Da die "YouTube JavaScript Player API" einiges zu bieten hat, kann man sich auch eine Playlist anlegen und diese Abspielen lassen.
Hier ein einfaches Beispiel dazu:


<!-- Player -->
<div id="ytapiplayer">You will need Flash 8 or better to view this content.</div>

<a href="javascript:void(0);" onclick="ytplayer.playVideo();">Play</a>
<a href="javascript:void(0);" onclick="ytplayer.pauseVideo();">Pause</a>
<a href="javascript:void(0);" onclick="next();">Next</a>

<span id="track"> -- </span>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<script type="text/javascript">
var songs=[ ["nNT0fQnZBOw","Alle meine Entchen"] , ["H2KkPKogX4Y","Häschen in der Grube"] , ["s5bVQcpSrUE","Ein Männlein steht im Walde"] ];

var startVideoID = songs[0][0];
var nr = 0;
var params = { allowScriptAccess: "always" };
var atts = { id: "ytplayer1" };

swfobject.embedSWF("http://www.youtube-nocookie.com/v/"+startVideoID+"?enablejsapi=1&autoplay=1", "ytapiplayer", "0", "0", "8", null, null, params,atts);

function onYouTubePlayerReady(){
window.setInterval("updatePlayerInfo()", 250);
}

function updatePlayerInfo(){
ytplayer = document.getElementById('ytplayer1');
updateHTML("track", songs[nr][1]);
if(ytplayer.getPlayerState() == 0){
next();
}
}

function next(){
if(nr < songs.length-1){
nr++;
ytplayer.loadVideoById(songs[nr][0]);
}
}

function updateHTML(elmId, value){
document.getElementById(elmId).innerHTML = value;
}

</script>
<!-- Ende Player -->


In diesem Beispiel wird ein Array angelegt, in dem jeweils die Video-ID und der Liedname stehen.
Als Startsong wird einfach der erste des Arrays genommen.
Für diesen Fall bedarf es auch noch zusätzlicher Funktionen.
Mit "setInterval" wird eine Zeit festgelegt, nach der der Player, bzw. die verknüpften Anzeigen, immer wieder aktualisiert wird (1000 = 1 Sek).
Der Liedname wird in diesem Fall beim <span> jeweils eingetragen (ersetzt den alten Wert) und ändert sich bei einer Liedänderung automatisch.
Möchte man ein Lied überspringen, hilft "Next"


Es gibt noch einige Anwendungsmöglicheiten mit Hilfe der API. Ein Bsp dafür ist auf meiner HP einzusehen. Sollte Bedarf bestehn, führ ich hier noch ein paar Möglichkeiten an.

Gute Abend,

nachdem ich nun meine HP auch grunderneuere möchte ich nun ebenfalls Musik einbinden, was ansich kein Problem darstellt.

Vielmehr ist es dieses gewisse etwas, was mir fehlt.

Ich möchte nicht eine Zwangsbeschallung für jeden einzelnen Homepagebesucher haben, da Geschmäcker verschieden sind.

Ich möchte auch keinen Button irgendwo in die Homepage einbauen zum ein oder ausschalten.
Fazit ich möchte gerne mittels eines Pop-Up-Fensters die Besucher entscheiden lassen, ob sie Musik hören möchten oder nicht.

Zwar sind solche Fenster manchmal störend, nur geben diese die Möglichkeit
a) das die Homepage nicht durch irgendeinen eingebauten Button verunstaltet wird
b) das eine solche Funktion den User bereits vor beginn der Musik die Möglichkeit bietet, diese abzuwählen
c) das ein sonst benötigter Button nicht irgendwo in der HP untergeht und man diesen erst am Ende sieht und dann sich nur noch das Lied anhören kann

Demnach ziehe ich einen einmaligen Pop-Up beim HP-Besuch einer endlosen Suche nach dem Ausschalter vor (sofern es einen gibt).

Zusammengefasst brauche ich Hilfe bei einen code, der es mittels eines Pop-Ups erlaubt, die Musik beim Besuch der Homepage zu- oder wegzulassen, je nachdem wie es den einzelnen Besucher passt.

Da ich nun in letzter Zeit gar kein glückliches händchen mehr habe was Scripte usw. angeht, würde ich mich über eure Hilfe freuen, sofern die Umsetzung überhaupt möglich ist.

Danke bereits im Voraus.

Flattermann

Hallo.
Das mit dem PopUp würde ich über jQuery realisieren.
Leider hab ich gerade keine Zeit einen passenden Code zusammenzustellen, aber wenn man bei Google nach "jQuery Lightbox" oder "jQuery popup" sucht, findet man genug Beispiele und auch Lektüre um sich schlau zu machen.

Das Problem ist nur, dass ich derzeit ziemlich viel um die Ohren habe und ich bin auch schon ein bisschen aus der Übung, was nicht am Alter liegt.

Die Musikeinbindung ist wie gesagt kein Problem, aber der Rest schon, deswegen bitte ich hier um Hilfe dabei, weil ich (psychologisch bedingt) schnell nervös werde und mich dann nur über mich selbst ärgere.

Pop-Up ansich ist auch nicht das schlimme, nur die Kombination von einen Ein- und Ausschalter welche direkt auswirkung auf das Abspielen haben bereitet mir Probleme.

Wie komplex soll die Abfrage denn sein? Langt ein "Ok" und "Abbrechen" ?

Könnte man ja recht einfach dann lösen. Ich kombiniere es einfach mal mit meiner Methode von oben, allerdings mit der simplen Abfrage.
Fett hervorgehoben die Video-ID. Das Ganze kann man auch gut in so eine Überschriftenzeile reinpacken.

<!-- Player -->
<div id="ytapiplayer"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "ytplayer1" };
swfobject.embedSWF("http://www.youtube-nocookie.com/v/nNT0fQnZBOw?enablejsapi=1", "ytapiplayer", "0", "0", "8", null, null, params, atts);

function onYouTubePlayerReady() {
ytplayer = document.getElementById("ytplayer1");
check = confirm("Willst Du Musik hören?");
if(check == true){
ytplayer.playVideo();
}
}
</script>
<!-- Ende Player -->

Ersteinmal danke schön für diese ziemlich schnelle Antwort um diese Uhrzeit.
Der Script ist schon sehr gut.
Das einzige was mich ein wenig stört (dies entstammt aber meiner ungenauen angabe meiner Vorstellung) ist die leichte unpersönlichkeit.

Statt Okay und abbrechen stelle ich mir einen eher netteren Text vor wie
Sehr gerne
und
Nein danke

Ist dies ebenfalls möglich?
Ich fühle mich gerade überfordert...

Das "Ok" und "Abbrechen" ist browserabhängig und ist in der Form bei confirm() nicht änderbar. Ich weiß nicht, ob und wie man sich da was basteln kann mit jQuery. Bin ich auch zu faul nu, mich damit auseinanderzusetzen ^^
Vllt hat da ja noch jmd mehr Ahnung da.

Nächstes mal nehm ich "Häschen in der Grube"

Hallo.

Ich bräuchte da etwas für meine HP...

Unszwar einen Musikplayer.
Nein, dass soll jetzt nicht einfach das Video von YouTube sein.
Ich möchte einige Lieder (von YouTube) in eine Tabelle einfügen, wo ich auch den Namen des Liedes hinschreiben kann und daneben ist eben so ein Play Button und Pause Button, womit man das Lied anhalten und stoppen kann.
Eine Player, wo man Lieder per Buttonklick auf der HP hören kann, als dann Hintergrundmusik.

Warum?
Ich kann mich nicht für ein festes Lied entscheiden und möchte eine Auswahl bieten.

Danke schonmal.

danny58.

Wenn du etwas hochscrollst, findest du ein Tutorial und eine Beispielhomepage von UnknownSubject.





Eine bequeme Alternative wäre sicherlich auch Grooveshark, da es nicht so umständlich ist und man nicht extra die Video-ID von jedem Song raussuchen und einfügen muss. Grooveshark hat zudem eine extreme Auswahl an Musik zum Einbetten einer Playlist zu bieten - ganz legal.


Schönen Abend noch. (:

Hallo,
Ich weiß zwar nich ob ich hier richtig bin, aber ich leg einfach mal los...
Ich ärgere mich schon die ganze zeit mit der Hintergrundmusik ab und zwar will ich wissen ob es überhaupt möglich ist eine Hintergrund-Playlist von youtube einzubauen und wenn ja wie?
Hab selber schon einiges ausprobiert aber komme einfach nicht drauf, ich hoffe mir kann hier jemand helfen...

Einen Beitrag über dir wirst du das finden, wonach du suchst.

Ich würde jetzt eher auf das Tutorial von mir verweisen > Klick , weils ausführlicher ist. Andernfalls ist das Ganze auch auf meiner HP einsehbar. Da sind dann halt noch mehr Spielereien drin...

Hey, bräuchte mal Fachmännische hilfe für einen HP-Code. Undzwar will ich Hintergrundmusik drauf machen, aber bei dem Code, den ich einsetze kommt das Video im vorschein, dass wollte ich ja nicht.. Siehe hier:


Danke im vorraus.

Warum kein iframe ohne Breite und Höhe?

Gruß

Hab keine ahnung davon, aber danke dir!

Hi! Sorry wegen Doppelpost. Der html code mit dem youtubelink geht nicht.

Hey,

versuch's mal hiermit.


Das Fettgeschriebene kannst du beliebig anpassen, je nach dem, welches Lied du gerne auf deiner Homepage hättest.

Es ist seit längerem nicht mehr möglich, Musik einfach nur noch über einen einfachen iFrame einzubinden. Du solltest dem Code von Adam Lambert <3 Beachtung schenken. Wenn du das nicht verstehst, dann findest du hier eine Schritt für Schritt -Anleitung, wie du Musik auf deine HP einbindest. Der Thread ist übrigens angepinnt. Sieht auf den ersten Blick vielleicht kompliziert aus, ist es aber im Endeffekt gar nicht.

diesen musik stop link muss ich den in ein eigenes fenster einfügen oder solte er mit in das fenster wo ich den code für die musik habe ???

Ja mir ist bewusst das es einen "Aktuell: Hintergrundmusik auf Homepages" Thread gibt
Allerdings hat mein Problem nichts mit dem YT-Code an sich zutun,
sondern vielmehr mit dem zum Einbinden auf der HP.


Was mir anfangs garnicht auffiel wurde mir von einer Freundin direkt vor Augen geführt -
der Code geht nichtmehr. Er ist nun einfach am Rand der Homepage zu sehen -
von Musik keine Spur D;

Ist das ein Bug? Ist das gewollt? Gibt es einen Neuen?


Vielen Dank schonmal

Soweit ich das erkennen konnte wird dein IFrame von Knuddels blockiert.
Wie es aussieht wird jede Iframe Verwendung blockiert. Werde mich mal erkundigen ob das so gewollt ist und ob das so bleibt.
Schränkt die Gestaltung natürlich erheblich ein, auch wenn es mir gefällt das damit wohl der Großteil des sinnlosen Hintergrundlärms verhindert wird.

Ich denke schon, dass es so gewollt ist und auch so bleiben wird. Scnappi hatte es in diesem Thread extra angekündigt.

In dem Beitrag ging es aber nur um eine Änderung bei youtube, nun wird aber generell der Iframe(von Seitens Knuddels) blockiert.

Oke danke schonmal im Vorraus :D
ich behalte den Thread dann im auge ;)

Es werden derzeit ein paar Codes vom HP-Filter blockiert, die eigentlich funktionieren müssten. Das wird bald behoben, zumindest die Musikeinbindung über die embed-Variante sollte bald wieder gehen.

super. danke für die schnelle Info :D
dann heißt es nu abwarten & Tee trinken. <3

Die Einbindung von Musik über die embed-Variante wird nicht mehr funktionieren, da eine Änderung der Konfiguration des Filters der Homepages vorgenommen wurde. Es werden alle ähnlichen Varianten ein Musikvideo oder Musik im Allgemeinen einzubinden durch den neuen Filter bewusst blockiert. Das bedeutet, dass die Einbindung auch in Zukunft nicht mehr funktionieren wird.

Ab wann kann man nun wieder Musikvideos einbetten?

Hallo.

Ich verweise an dieser Stelle mal auf mein Post Klick hier,

Dort wird erklärt wie es weiterhin geht.