Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.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.
Beitrag19.08.2011 um 19:12 (UTC)    
Titel:

Hallo,

setze das Video doch einfach in deine Lightbox.
______________
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
Beitrag19.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.
Beitrag19.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>

______________
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


Zuletzt bearbeitet von o-4-n am 20.08.2011, 00:45, insgesamt einmal bearbeitet
Beitrag19.08.2011 um 22:45 (UTC)    
Titel:

Also danke erstmal Very Happy

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.
Beitrag19.08.2011 um 22:59 (UTC)    
Titel:

Ich habe schon lang nicht mehr in meine Kristallkugel geschaut, das könnte ich mal wieder tun Wink . Vielleicht postest du aber besser den Link zu deinem Versuch.
______________
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


Zuletzt bearbeitet von o-4-n am 20.08.2011, 00:05, insgesamt 2-mal bearbeitet
Beitrag20.08.2011 um 09:51 (UTC)    
Titel:

Oh sry
hier der link http://strike-reloaded.de.tl/Test.htm
Das Video ist natürlich nur ein Test
Beitrag20.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>

______________
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
Beitrag20.08.2011 um 15:40 (UTC)    
Titel:

Tausend dank,
hat alles geklappt.
Habe aber immer noch das prob. das Video ist transparent.
Beitrag20.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
Beitrag20.08.2011 um 17:40 (UTC)    
Titel:

Danke,
hast was gut bei mir Wink
Beitrag18.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 Wink
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de