Wie kann man eine Filmseite im Hintergrund abdunkeln? (Web Designer 10 Premium)

theres schrieb am 30.10.2014 um 17:10 Uhr

Ich habe auf einer "Filmseite" mehrere Filme in HTML-Platzhaltern angelegt. Die Filme selbst befinden sich auf dem Server von Vimeo.

Wenn der Webseitenbesucher die Filme in groß sehen will, dann kann er auf den entsprechenden Button beim jeweiligen Film klicken und die Webseite "verschwindet" hinter der geöffneten Filmseite (außer beim Firefox - weiß zufällig jemand warum?)

Das Problem mit der zu hellen Webseite besteht also nur, wenn der Film in diesem kleinen Webseitenfenster angeschaut wird. Weiß jemand, ob es eine Möglichkeit gibt beim Anklicken eines Films die Webseite zu verdunkeln?

Kommentare

BeRo schrieb am 30.10.2014 um 22:25 Uhr

[...] ob es eine Möglichkeit gibt beim Anklicken eines Films die Webseite zu verdunkeln? [...]

Ja, die gibt es.

Du legst einfach ein Rechteck in Seitengröße unter den Platzhalter. Diesem Rechteck weist Du dann über das Transparenzwerkzeug (Trinkglas) die gewünschte Dichte zu.

That's all

[...] dann kann er auf den entsprechenden Button [...] klicken und die Webseite "verschwindet" hinter der geöffneten Filmseite (außer beim Firefox [...]

Hmmm, das kann ich nicht nachvollziehen. Mein FF (Ver. 32.03) geht brav in den Hintergrund...

Zuletzt geändert von BeRo am 30.10.2014, 22:25, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

theres schrieb am 30.10.2014 um 22:52 Uhr

Betrifft: Probleme mit Firefox

So sieht der "groß" geöffnete Film im Firefox aus und so im IE:

Firefox 32.0.3

theres schrieb am 30.10.2014 um 23:26 Uhr

Hallo BeRo,

ich muss noch einmal nachfragen, weil diese Ebene als Verdunkelungsunterlage bei mir nicht funktioniert. Vermutlich liegt es daran, dass meine HTML-Platzhalter auf der Mouse-Off Ebene liegen, während du eine eigene Ebene über der Mouse-Over Ebene für den Platzhalter angelegt hast. Ist das mein Fehler?

BeRo schrieb am 31.10.2014 um 00:20 Uhr

[...] Vermutlich liegt es daran, dass meine HTML-Platzhalter auf der Mouse-Off Ebene liegen [...]

Genau, daran liegt es...

Wenn Du das Video in eine separate Ebene legst, muss Du natürlich in der MouseOff Ebene ein passendes Startbild anlegen, dem du einen Link auf die popup Ebene gibst. Dann ist es auch sinnvoll die autoplay Option auf den Wert "1" zu setzen, damit das Video direkt nach dem Aufruf startet.

[...] Betrifft: Probleme mit Firefox [...]

Du hast nicht geschrieben, wie-, mit welchem Code Du das Video eingebunden hast.

Ich habe den u. a. Code benutzt, der zusätzliche Parameter für die Fullscreen Darstellung der einzelnen Browser benutzt. Die Ergänzung ist unten grün markiert.

Die gelb markierte Ziffernfolge bezeichnet das Video, die musst Du natürlich Deinem Video entsprechend ändern.

----------------------------
<iframe src="http://player.vimeo.com/video/00000000?title=0&amp
;byline=0&amp;portrait=0&amp;autoplay=0"
width="800" height="450" frameborder="0" webkitAllowFullScreen
mozallowfullscreen allowFullScreen></iframe>

----------------------------

Probier's mal damit.

Viel Erfolg

Zuletzt geändert von BeRo am 31.10.2014, 00:20, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

theres schrieb am 31.10.2014 um 00:36 Uhr

[...] Betrifft: Probleme mit Firefox [...]

Du hast nicht geschrieben, wie-, mit welchem Code Du das Video eingebunden hast.

Ich habe den u. a. Code benutzt, der zusätzliche Parameter für die Fullscreen Darstellung der einzelnen Browser benutzt. Die Ergänzung ist unten grün markiert.

Die gelb markierte Ziffernfolge bezeichnet das Video, die musst Du natürlich Deinem Video entsprechend ändern.

----------------------------
<iframe src="http://player.vimeo.com/video/00000000?title=0&amp
;byline=0&amp;portrait=0&amp;autoplay=0"
width="800" height="450" frameborder="0" webkitAllowFullScreen
mozallowfullscreen allowFullScreen></iframe>

----------------------------

Genau so habe ich die Vimeo Filme auch eingebunden

 

BeRo schrieb am 31.10.2014 um 12:28 Uhr

[...] Genau so habe ich die Vimeo Filme auch eingebunden [...]

Dass es trotzdem nicht so funktioniert wie man es erwarten kann, ist schon merkwürdig.

Kannst Du uns eine URL "spendieren", über die man sich das ansehen kann?

Zuletzt geändert von BeRo am 31.10.2014, 12:28, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

theres schrieb am 31.10.2014 um 15:10 Uhr

Kannst Du uns eine URL "spendieren", über die man sich das ansehen kann?

Leider nein - die Webseite ist noch nicht online. Dauert noch ein/zwei Tage bis ich fertig bin. Ich muss jetzt noch die Vimeo-Ebenen einbauen, wie von dir unten gezeigt. Wenn es dann immer noch nicht geht, poste ich das hier noch einmal. Trotzdem schon mal großes Dankeschön an dich!!!