Danke erst mal!

Naja - ICH mach meine Musik, und die kommt dann auch auf der HP zur Geltung. ^^ Mir ging es nur um kurze Töne, wenn die Buttons geklickt werden.

Betreff Video - ich verstehe das Problem mit der Ladezeit, darum hat mich auch die Möglichkeit angesprochen, daß das Originalmaterial auf YouTube liegt, und sich das somit quasi "Streamt"...

Da meine Seite - wie oben schon angesprochen - eine Künstlerseite wird, mit Bildern und Musik, wär das schon ansprechend. WIE binde ich also ein Video ( bestehend aus bewegten Bildern ) als Hintergrund ein?

Du kannst den youtubeplayer über den gesamten hintergrund so gross machen, aber es jkann dann eben passieren, das deine HP schlecht geladen wird, weil der Stream ja die leistung zieht, ausserdem wolltest du doch die Leute auf deiner HP für dich interessieren und das sie deine HP anschauen, durch das Video lenkst du ab davon, aber das sind schon andere Sachen, im Endeffekt sollte sich auf einer HP sowenig wie möglich im grund bewegen, denn alles was automatisch sich bewegt beim betrachten ist Unruhe fürs Auge und lenkt vom eigentlichen Inhalt abe, das mal nur am Rande, musst du selber wissen was du möchtest.

Hallo Janvo,

du kannst schon Recht haben, das viele das nervig finden, jedoch kommt es immer darauf an was man mit der HP zeigen möchte. Hier ein link: http://dfcb.github.io/BigVideo.js/ gefällt mir persönlich bombenstark. Ich bin auch sehr daran interessiert so etwas zu machen. Wäre echt Nett, wenn du helfen könntest anstelle davon abraten. Wenn du uns helfen kannst bitte um HILFE :-)

da kann ich dir nicht weiterhelfen, weil ich sowas nie einsetzen werden.

Aber auf der Seite steht doch der Code, den brauchst du doch nur einfügen in deine webseite

den Code habe ich auch gesehen, aber versuchs mal, ich habe es nicht hinbekommen :-(

Bei welchem anbieter hast du deine HP, es könnte sein, das dein provider das nicht untertstützt, es müsste sich um Javascript handeln.

Den IT-Göttern Sei Dank, wird JS Code direkt vom Browser verarbeitet, der Webspace Anbieter hat also keinerlei Einfluss darauf, ober der Code bei Dir funktioniert oder nicht

Auf der von Dir verlinkten Site ist recht gut dokumentiert, wie der JS Code aussehen muss und ansatzweise auch, wie er eingebunden werden kann.

Der Autor setzt aber offenbar tiefergehende Kenntnisse im Umgang mit JS Bibliotheken- und deren Nutzung voraus.

[...] Ich bin Anfänger mit dem Thema [...]

Insofern ist es also kein Wunder, dass Du nicht auf Anhieb damit zurecht kommst.

Es würde sicher zu weit führen, hier die (noch) fehlenden Kenntnisse in einem Crashkurs vermitteln zu wollen.

Nur noch ein HInweis, der die Ordnerstruktur zeigt, die notwendig ist, um Dein Vorhaben zu realisieren:

Da wird sichtbar, wo/wie die Verzeichnisse und Dateien angelegt werden müssen, damit der von Dir verlinkte Beispielcode funktioniert. Besonders wichtig sind die Verzeichnisse "bower_components", "css" und "vids". Darin sind die JS Bibliothek-, das Video- und die CSS Datei abgelegt, auf die im Code referenziert wird.

Wenn Du Dein Vorhaben so realisieren willst, bleibt eigentlich nur die Empfehlung, einschlägige Websites zu studieren, um die Kenntnisse in JS und ggf. noch CSS auszubauen.

[...] kann man eine Tondatei auch mit einem Button verknüpfen, damit er abgespielt wird, wenn der Button geklickt wird? [...]

Man kann und das sogar relativ einfach, mit ein paar Zeilen Code ...

Wie das geht, das habe ich in diesem Thread ausführlich erklärt. Da findest Du auch einen Link zu einer online Demo und einen Download Link zu der dazu gehörenden Projektdatei,die Du Dir für eigene Experimente herunterladen kannst.

Viel Erfolg

Hallo Bero,

ich habe die entsprechenden Ordner auf den Webserver hochgeladen, ein Video auf youtube geladen diese dann

mit einem html Code auf head und body eingefügt, Die Testseite http://oezkan.magix.net/index.htm sieht jetzt so aus,

jedoh habe ich das Problem das ich irgendwie Buttons oder z.B. das Auto nicht anklicken kann. Irgendwie micht sich alles zusammen. Könnt Ihr mich evtl. Helfen ?

Vielen Dank im voraus.

Özkan

Code Head:

<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>

<script type="text/javascript">
$(function(){
   $(".movie").mb_YTPlayer();
});
</script>

Code Body:

<a id="bgndVideo" href=" class="movie {opacity:.7, isBgndMovie:{width:'window',mute:true}, ratio:'16/9',quality:'default'}"></a>