Hintergrund musik für jede HTML Homepage

[Speed3thecore]

Hiho liebe leute da drausne =)

ich weiß nun nich ob ich hier richtig bin. Aber ich schreib einfach mal

und zwar

wir können per HTML code und Youtube Link eine passende Hintergrund musik machen für Jede einzelne seite.
Was wir dafür brauchen ist eine Homepage mit HTML funktion wie Z.b Npage.
ich stelle euch gerne meine Homepage als Show hin damit ihr seht das es Funktioniert.

fangen wir mal an .....

Ihr öffnet eure einstellung von Npage.de wo ihr eure seiten gestalten könnt mit Text usw.
Ihr klickt zb *Willkommen* an und sagt dem auf HTML Modus wechseln.

Nun könnt ihr alles selber einschreiben die codes für HTML.
bevor wir den Code einfügen macht ihr auf euren Desktop ein Wordpad textdatei auf ( um die codes zu speichern und zu ändern )

so.
Nun geht ihr auf zb auf youtube und sucht ein Lied raus was ihr gerne abspielen lassen wollt unter Willkommen

ich nehme zb. mein selbst erstelltes lied was ich bei youtube hochgeladen habe.
nun habt ihr euch ein lied ausgesucht und klickt auf *teilen um es einzubetten*
nun klickt ihr einfach auf einbetten und Kopiert den ganzen Link und legt ihn in euren Wordpad dokument.

nun brauchen wir nur ein teil von den ganzen Link.
ich setze mal ein Link ein mit Leerzeichen da ich nun nich genau weiß wenn ich es speicher wie es dan angezeigt wird.



das is der abschnitt den wir brauchen:
http://www.youtube.com/embed/FIa9S93u5uc

Und komplett von youtube sieht der so aus:
<iframe width="420" height="315" src="http://www.youtube.com/embed/FIa9S93u5uc" frameborder="0" allowfullscreen></iframe>

aber wir wollen ja nicht das man es auf unsere HP sieht richtig ?
also nehmen wir wieder das herraus genommene von den ganzen Link.

und nehmen jetz unseren html code:
so sollte eurer link nun aussehen um auf der Homepage einzufügen.

<iframe width="1" height="0" src="http://www.youtube.com/embed/FIa9S93u5u ... autoplay=1" frameborder="0" allowfullscreen></iframe>

nun fügen wir unser lieblingslied in der zeile so ein:
den ersten teil von den ganzen set geht bis src=" aber da fügen wir unseren geschnittenteil ein http://www.youtube.com/embed/FIa9S93u5uc

dann sieht der anfang so aus
<iframe width="1" height="0" src="http://www.youtube.com/embed/FIa9S93u5uc

jetzt fehlt der letzte teil für den Link.
so sieht der letzte abschnitt aus.

?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

nun fügen wir das zu unseren letzten abschnitt hinzu dan sieht das komplett so aus:

<iframe width="1" height="0" src="http://www.youtube.com/embed/FIa9S93u5u ... autoplay=1" frameborder="0" allowfullscreen></iframe>

wenn ihr das so habt könnt ihr das Komplett kopieren und wieder zu Npage gehen und es unter Willkommen einfügen ( unter html modus )

nun speichert ihr das Komplett und schaut ob es funktioniert =)

ich hoffe die anleitung war etwas hilfreich =)


um vorzuhören bevor ihr es macht könnt ihr bei mir schnuppern kommen:

www.blackfighter10.npage.de

[moni]

Glückwunsch Christian ..die Musik läuft und es schient alles zu funktionieren [smilie=clap.gif] ..danke dir die ausführlicher Erklärung

[Speed3thecore]

bitte sehr =)
hoffe es is alles übersichtlich erklärt =)

das kannst du für jede seite machen die du dir erstellst ( textseite )

[Volker]

Moin-Moin

Vielen Dank für die Anleitung.
Ist eine gute Alternative zu den vielen Playern für Webseiten.
Bin nicht immer ein Fan von Hintergrundmusik auf Homepages, aber manchmal passt es einfach zum Thema der Page.
Auf meiner Gedächtnisseite hab ich z.B. auch ein Eingangslied was die Jungs immer singen mussten...

Gruß...Volker... :R

[Speed3thecore]

hehe klingt gut =)

[charlyjaku]

Hab alles so gemacht wie du es beschrieben hast. Leider läuft das Lied jetzt nur über ein iframe. War das so gedacht???
Gruß Charly
http://ploenerpioniere.de.to
auf der Seite: Meine Dienstzeit habe ich ganz unten jetzt mein Lied eingebaut.

[charlyjaku]

Irgendwie fehlt da der Startbefehl für das Lied!!!

[Jasko]

Hallo

Also der Startbefehl fehlt nicht da er mit dem Code bzw. Link mitgefuert wird.

Der code:

Code: Alles auswählen

<iframe width="1" height="0" src="URL_DES_VIDEOS?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Erleuterung:
Der ganze Code ist ein "Trick". Zu nechst ist es nicht unsichtbar sondern nur "unendlich klein" (nicht erschrecken das ist ein Begrif aus der hoeheren Matematik) das heisst der iFrame ueber den das lied gespielt wird ist 1 Pixel breit und 0 Pixel hoch (also wenn das nicht unendlich klein ist ) dan kommt noch das was im iFrame angezeigt wird URL_DES_VIDEOS der zweite Teil des Links besteht aus einem Befehl bzw. Atribut fuer den Youtube Player ?rel=0&autoplay=1

Dabei bedeutet das ? (Fragezeichen) im Link das nach dem Fragezeichen ein oder mehrere Befehle/Atributte kommen. In diesem Fall die Atributte rel=0 und autoplay=1.

rel=0 heisst das keine weiteren Videos im player gespielt oder angezeigt werden sollen.
autoplay=1 bedeutet dass das Video sofort nach dem aufrufen der Seite abgespielt werden soll (darum gibt es auch kein Play Button)

Ich hoffe das hilft ein wenig besser das ganze zu verstehen.

MFG

[charlyjaku]

Hallo Jasko. Ich will das ja gar nicht unbedingt verstehen. Hauptsache es funktioniert. Habe den Code im HTML Modus genau so eingegeben wie du es beschrieben hast. Trotzdem kommt da keine Musik. Was mache ich falsch? Muss der Code an einer bestimmten Stelle eingefügt werden? In deinem Quellcode sieht er auch etwas anders aus als du ihn beschrieben hast. Aber auch so funktioniert er nicht bei mir.
Gruß Charly

[Jasko]

OK.

Ich brauche jetzt ein paar Infos von Dir:

1. Welches Youtube Video willst Du einbinden?
2. Willst Du einen Play Button oder eher nicht?
3. Hast Du vieleicht eine andere Quelle auser Youtube von wo Du diese Musik spielen willst?

Wenn wir das geklaert haben kann man prezieser helfen.

MFG