| Autor |
Nachricht |
-
strike-reloaded
|
 19.08.2011 um 18:13 (UTC)
Titel: Video Hintergrund abdunkeln |
|
|
Hallo
Ich würde gerne ein Video auf meine HP machen. Es handelt sich um ein flash Video von Novamov. Das prob. ich würde sehr gerne wärend das Video läuft den Hintergrund abdunkeln. Also ähnlich wie bei der lightbox von der Galerie.
Ich hab geoogelt aber nicht brauchbares gefunden. |
|
|
↑
|
|
 |
|
|
|
|
↑
|
|
|
-
strike-reloaded
|
19.08.2011 um 19:35 (UTC)
Titel: |
|
|
Hab ich schon mal prob. aber da das video kein bild ist hat das bei mir nicht geklappt. |
|
|
↑
|
|
|
|
|
19.08.2011 um 19:40 (UTC)
Titel: |
|
|
Du musst natürlich die richtige Lightbox verwenden. Hier mal eine die ich vor langer Zeit mal geschrieben habe, mit der es klappen sollte:
Code: <style type="text/css">
#makeItDark
{
position:absolute; top:0px; right:0px; left:0px; bottom:0px;
background-color:#000000;
/* For IE 5-7 */
filter: alpha(opacity=80);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* For Safari >= 1.0 */
-khtml-opacity: 0.8;
/* For FireFox */
-moz-opacity: 0.8;
/* For all actual Browser with CSS 3*/
opacity: 0.8;
display:none;
}
#LightBox
{
background-color:#FDD017;
width:500px;
height:250px;
position:relative;
margin-left:auto; margin-right:auto;
text-align:center;
display:none;
}
</style>
Zitat: <script type="text/javascript">
function LightBox()
{
var yposition = (window.innerHeight - 250) / 2;
if(document.getElementById('makeItDark').style.display == 'block')
{
document.getElementById('makeItDark').style.display = 'none';
document.getElementById('LightBox').style.display = 'none';
}
else
{
document.getElementById('makeItDark').style.display = 'block';
document.getElementById('LightBox').style.display = 'block';
document.getElementById('LightBox').style.top = yposition + 'px';
}
}
</script>
<input type="button" value="Lightbox" onclick="LightBox();" name="lightbut">
<div id="makeItDark">
<div id="LightBox">
Hier setzt du jetzt dein Video rein!
<input type="button" value="back" onclick="LightBox();" name="butreset">
</div>
</div>
Zuletzt bearbeitet von o-4-n am 20.08.2011, 00:45, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
strike-reloaded
|
19.08.2011 um 22:45 (UTC)
Titel: |
|
|
Also danke erstmal 
Das mit der lightbox hat schonmal funktioniert.
Ich hab nur zwei prob.
1. Das Flash Video wird transparent sprich man sieht durch das Video den Hintergrund.
2. Der Bildschirm wird nicht komplett abgedunkelt sondern nur bis zur Video Navigation.
Hast du eine Idee warum das so angezeigt wird ? Habe versucht mit width
height anzupassen hat aber leida nicht geklappt. |
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
-
strike-reloaded
|
|
|
↑
|
|
|
|
|
20.08.2011 um 14:24 (UTC)
Titel: |
|
|
Du musst natürlich auch das div von der größe anpassen, da dein iframe sonst zu groß ist!
Code: <style type="text/css">
#makeItDark
{
position:absolute; top:0px; right:0px; left:0px; bottom:0px;
background-color:#000000;
/* For IE 5-7 */
filter: alpha(opacity=80);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* For Safari >= 1.0 */
-khtml-opacity: 0.8;
/* For FireFox */
-moz-opacity: 0.8;
/* For all actual Browser with CSS 3*/
opacity: 0.8;
display:none;
}
#LightBox
{
background-color:#FDD017;
width:600px;
height:480px;
position:relative;
margin-left:auto; margin-right:auto;
text-align:center;
display:none;
}
</style>
<script type="text/javascript">
function LightBox()
{
var yposition = (window.innerHeight - 480) / 2;
if(document.getElementById('makeItDark').style.display == 'block')
{
document.getElementById('makeItDark').style.display = 'none';
document.getElementById('LightBox').style.display = 'none';
}
else
{
document.getElementById('makeItDark').style.display = 'block';
document.getElementById('LightBox').style.display = 'block';
document.getElementById('LightBox').style.top = yposition + 'px';
}
}
</script>
<input type="button" value="Lightbox" onclick="LightBox();" name="lightbut">
<div id="makeItDark">
<div id="LightBox">
<iframe style="overflow: hidden; border: 0; width: 600px; height: 480px" src="http://embed.novamov.com/embed.php?width=600&height=480&v=e6yudpsciyt23&px=1" scrolling="no" name="a"></iframe>
<input type="button" value="back" onclick="LightBox();" name="butreset">
</div>
</div>
|
|
|
↑
|
|
|
-
strike-reloaded
|
20.08.2011 um 15:40 (UTC)
Titel: |
|
|
Tausend dank,
hat alles geklappt.
Habe aber immer noch das prob. das Video ist transparent. |
|
|
↑
|
|
|
|
|
20.08.2011 um 17:24 (UTC)
Titel: |
|
|
Code: <style type="text/css">
#makeItDark
{
position:absolute; top:0px; right:0px; left:0px; bottom:0px;
background-color:#000000;
/* For IE 5-7 */
filter: alpha(opacity=80);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* For Safari >= 1.0 */
-khtml-opacity: 0.8;
/* For FireFox */
-moz-opacity: 0.8;
/* For all actual Browser with CSS 3*/
opacity: 0.8;
}
#LightBox
{
background-color:#FDD017;
position:absolute;
}
</style>
<script type="text/javascript">
function LightBox()
{
var yposition = (window.innerHeight - 480) / 2;
var xposition = (window.innerWidth - 600) / 2;
if(document.getElementById('cont').style.display == 'block')
{
document.getElementById('cont').style.display = 'none';
}
else
{
document.getElementById('cont').style.display = 'block';
document.getElementById('LightBox').style.top = yposition + 'px';
document.getElementById('LightBox').style.left = xposition + 'px';
}
}
</script>
<input type="button" value="Lightbox" onclick="LightBox();" name="lightbut">
<div id="cont" style="position:fixed; top:0px; left:0px; right:0px; bottom:0px; display:none;">
<div id="makeItDark">
</div>
<div id="LightBox" style="width:600px; height:480px;">
<iframe style="overflow: hidden; border: 0; width: 600px; height: 480px" src="http://embed.novamov.com/embed.php?width=600&height=480&v=e6yudpsciyt23&px=1" scrolling="no" name="a"></iframe>
<input type="button" value="back" onclick="LightBox();" name="butreset">
</div>
</div>
Jetzt müsste es gehen... ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
|
↑
|
|
|
-
strike-reloaded
|
20.08.2011 um 17:40 (UTC)
Titel: |
|
|
Danke,
hast was gut bei mir  |
|
|
↑
|
|
|
-
libefi
Wohnort: 27389 Fintel
|
18.06.2012 um 20:31 (UTC)
Titel: Hilfe :( |
|
|
Ich hab so ein ähnliches Problem. Ich brauche so ein Popup, welches kommt, wenn man die Seite aufruft.
Es wäre toll, wenn du mir den kompletten Code schicken könntest, und, wo der dann hin muss.
Der Text der da rein soll:
>
!!!Achtung!!!
Da die Seite momentan im Umbau ist, kann es sein, dass sie zeitweise nicht verfügbar ist. Ich bitte um Entschuldigung!
Webmaster
>
Danke schonmal |
|
|
↑
|
|
|
|
. Vielleicht postest du aber besser den Link zu deinem Versuch.