Hintergrund musik für jede HTML Homepage
Moderator: HTML-Laie
- Speed3thecore
- Webmaster
- Beiträge: 107
- Registriert: So 4. Mär 2012, 15:33
- Mein Vorname: Christian
- Kontaktdaten:
Hintergrund musik für jede HTML Homepage
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
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
- Held des Forums
- Beiträge: 8342
- Registriert: Mo 16. Nov 2009, 20:56
- Mein Vorname: Monika
- Wohnort: Borken
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
Glückwunsch Christian ..die Musik läuft und es schient alles zu funktionieren [smilie=clap.gif] ..danke dir die ausführlicher Erklärung
Viele Grüße ...Monika
- Speed3thecore
- Webmaster
- Beiträge: 107
- Registriert: So 4. Mär 2012, 15:33
- Mein Vorname: Christian
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
bitte sehr =)
hoffe es is alles übersichtlich erklärt =)
das kannst du für jede seite machen die du dir erstellst ( textseite )
hoffe es is alles übersichtlich erklärt =)
das kannst du für jede seite machen die du dir erstellst ( textseite )
- Volker
- Privilegiertes Stamm Mitglied
- Beiträge: 3258
- Registriert: Do 25. Feb 2010, 13:23
- Mein Vorname: Volker
- Wohnort: Hamm/Rhynern in Westf.
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
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
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
- Webmaster
- Beiträge: 107
- Registriert: So 4. Mär 2012, 15:33
- Mein Vorname: Christian
- Kontaktdaten:
- charlyjaku
- Bevorzugtes Stamm Mitglied
- Beiträge: 2489
- Registriert: Mo 30. Jan 2012, 18:46
- Mein Vorname: Charly
- Wohnort: Hamburg 22589
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
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.
Gruß Charly
http://ploenerpioniere.de.to
auf der Seite: Meine Dienstzeit habe ich ganz unten jetzt mein Lied eingebaut.
Gruß Charly
http://ploenerpioniere.de
http://ploenerpioniere.de
- charlyjaku
- Bevorzugtes Stamm Mitglied
- Beiträge: 2489
- Registriert: Mo 30. Jan 2012, 18:46
- Mein Vorname: Charly
- Wohnort: Hamburg 22589
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
Irgendwie fehlt da der Startbefehl für das Lied!!!
Gruß Charly
http://ploenerpioniere.de
http://ploenerpioniere.de
- Jasko
- Globaler Moderator
- Beiträge: 3278
- Registriert: Di 21. Feb 2012, 06:59
- Mein Vorname: Herr Jasmin ;)
- Wohnort: Rheinland-Pfalz
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
Hallo
Also der Startbefehl fehlt nicht da er mit dem Code bzw. Link mitgefuert wird.
Der code:
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
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>
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
- Bevorzugtes Stamm Mitglied
- Beiträge: 2489
- Registriert: Mo 30. Jan 2012, 18:46
- Mein Vorname: Charly
- Wohnort: Hamburg 22589
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
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
Gruß Charly
Gruß Charly
http://ploenerpioniere.de
http://ploenerpioniere.de
- Jasko
- Globaler Moderator
- Beiträge: 3278
- Registriert: Di 21. Feb 2012, 06:59
- Mein Vorname: Herr Jasmin ;)
- Wohnort: Rheinland-Pfalz
- Kontaktdaten:
Re: Hintergrund musik für jede HTML Homepage
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
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
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste