Video ein/ausklappen

NeubauJefferson

Hi liebe community,
ich bin gerade dabei meine hp aufzubauen und stoße dabei auf ein problem beim einrichten von videos.

Und zwar weiß ich nicht wie ich es hinbekomme das die videos auf der seite nicht sofort beim start der seite komplett sichtbar sind, sondern dass sie erst als rechteckiger button in dem der name des videos steht(oder so ähnlich) sichtbar sind und nach klick auf den jeweiligen sich dann aufklappen und das eigendliche video sichtbar zum abspielen wird.

p.s. habe das einmal irgendwo gesehen und jetzt nichts beim googlen gefunden, hoffe könnt helfen

Mfg. NeubauJefferson

synaptic

wat?
kannste des bitte nomma genauer beschreiben..?
wenn es das is was ich denke is des script dafür gar nich soo schwer.

NeubauJefferson

Ok^^ ich versuchs mal

also wenn man ein video ganz simpel im html einbindet und dann auf die seite geht, wird das video ja direkt nach eingestellter größe im player dargestellt...genau das will ich nicht.

ich möchte es so haben das, dass video sozusagen unter einem kleineren button versteckt bleibt bis ich auf diesen klicke und sich damit das video in seiner eingestellten größe zeigt... durch einen weiteren klick auf den dann über oder unter dem video befindlichen button sollte sich das video natürlich auch wieder einklappen lassen, sodass es mir möglich ist mehrere kleine videos auf einer seite unterzubringen ohne das diese sich gegenseitig den platz wegnehmen und man sich jeweils das auswählen kann das man ansehen will(oder eben mehrere, das würd mich nicht stören xD)

synaptic

wäre es schlimm, wenn du nur buttons/bilder/textlinks hättest und das video öffnet sich immer im gleichen container?

NeubauJefferson

wenn ich das richtig verstehe dann find ichs sogar besser als das was ich mir dachte^^

also z.b. eine ganze reihe buttons der videos nd z.b. da drunter ein feld wo dann das jeweilige vid startet?!

synaptic

wieviel ahnung haste von javascript? oder evtl von php?
und was sind das für video-dateien?
welche lösung würdest du bevorzugen? php oder javascript?

NeubauJefferson

also mit php habe ich bisher noch nicht gearbeitet bevorzuge also auf jedenfall java^^

video dateien sind es teils wma teils videos von andren seiten...sag ich mal als beispiel youtube

synaptic

javascript is des dann.. ok dann muss ich jetzt nur noch zwei dinge wissen...
1.) welches dateiformat willste abspielen und
2.)wie sieht der bisherige funktionierende code von deinem player aus..?

und vergiss bitte nicht die entsprechenden codetags zu benutzen, wenn du deinen code postest.. beim roten pfeil im bild fangen se an und rechts daneben sind die anderen
[Blockierte Grafik: http://home.arcor.de/synaptic/codetag.png]

NeubauJefferson

also das video format is mir fast egal... solange es mein wmm erstellen kann^^

mein bisheriger player sieht so aus

HTML

<embed src="video.xxx" width="xx" height="xx">

synaptic

uiuiui
besorg dir mal ein programm, mit dem du deine film-dateien in flv-dateien umwandeln kannst...
ich schreib dir dann nen script.
hab nämlich nen prima flv-player gefunden der nix kostet...
(und dat coolste der kann jede x-belibiege flv-datei abspielen.. egal ob die beim player liegt oder in nem webspace aus timbuktu )

NeubauJefferson

ist es dann nicht vieleicht doch einfacher einfach nur videos von andren seiten zu nehmen und die dann mit nem script so einzuklappen wie vorhin vorgeschlagen?

synaptic

nee is beides gleich "schwer"...
und so kannste ja deine eigenen files net angucken

NeubauJefferson

naja haste wohl recht xD läuft aufs gleiche hinaus,
aber dem script ist es dann auch egal ob das vid nun von mir in meinem player is oder aus nem andren webspace oder^^

synaptic

ich werd dir den player geben, dann haste das ding und kannst es in deinen webspace hochladen.. musste nur was finden, was flv-dateien macht..
ich hab 4leaf media-converter.. aber da kostet die lizenz wat..
ich glaub es gibt nen progi, das heisst "super" musste mal googlen.. ich schreib dir eben des script

NeubauJefferson

ok vielen dank

synaptic

soo hier kannste den flashplayer saugen...:
http://www.gdd.ro/gdd/flvplayer/gddflvplayer-v3.5.zip

der code für die html-datei, die den layer erzeugt:

HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="gddflvplayer">
<title>my videos</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
margin: 10px; 
background-color: #2b2b2b; 
color: #CCCCCC;
}
#playerdiv{
margin:0 auto;
}
</style>
<script type="text/javascript">
function createPlayer(beschreibung, datei){
    var target = document.getElementById("playerdiv");
    var part1= "<embed id=\"player\" src=\"gddflvplayer.swf\" flashvars=\"&autoplay=true&sound=70&desc=";
    var part2="&mylogo=&tracker=&buffer=2&vdo="
    var part3= "\" width=\"468\" height=\"328\" allowFullScreen=\"true\" quality=\"best\" wmode=\"transparent\" allowScriptAccess=\"always\"  pluginspage=\"http://www.macromedia.com/go/getflashplayer\"  type=\"application/x-shockwave-flash\"></embed>";
    var playercode= part1+beschreibung+part2+datei+part3;
    target.innerHTML = playercode
    target.style.width = (parseInt(document.getElementById('player').width) + 10) + "px";
    setMargin();
}
function setMargin(){
    var playerdiv = document.getElementById("playerdiv");
    var target = document.getElementById("vidlinks");
    if(playerdiv.innerHTML != ""){
        target.style.marginTop = "0px";
    }
    else{
        target.style.marginTop = "328px";
    }
}
</script>
</head>
<body>
    <div id="playerdiv" style="margin:0 auto;">
    </div>
    <br />
    <div id="vidlinks" style="margin-top: 328px;">
        und drei versionen das ganze aufzurufen
        <a href="javascript:createPlayer('scheineinfahrt', 'http://site.kkw-forum.de/flvplayer/einfahrt.flv');">eisenbahn</a>&nbsp; version1
        <br />
        <a href="#" onclick="javascript:createPlayer('scheineinfahrt', 'http://site.kkw-forum.de/flvplayer/einfahrt.flv'); return false;">eisenbahn</a>&nbsp; version2
        <br />
        <input type="button" onclick="javascript:" value="eisenbahn" />&nbsp; version3
    </div>
</body>
</html>

Alles anzeigen

hab jetzt mal meine letzte videodatei genommen (ne scheineinfahrt mit ner historischen dampflok)
in den link sind 3 varianten , wie du das ganze aufrufen kannst.. natürlich kannste auch nen kleines bild in den link reinpacken oder nen <input type="image"> nehmen..

du musst lediglich die html-datei im gleichen ordner wie den player positionieren, die flv-datei kann hin wo auch immer du die haben willst.

aufgerufen wird die funktion immer mit beschreibung und url zur datei
also createPlayer('beschreibungstext', 'pfadzurdatei/datei.flv');
beachte: die parameter müssen Strings sein also immer in hochkomma angeben. wenn du keine beschreibung haben willst musste leere hochkommata angeben also so:
createPlayer(' ', 'pfadzurdatei/datei.flv'); (die leerzeile zwischen den hochkommata hab ich nur zur veranschaulichung genommen, die kannste auch weglassen)

NeubauJefferson

ich wer mir das dann mal einsetzen^^
bin gespannt wies aussieht...aber egal wie bin dir für deine mühen dankbar:)

NeubauJefferson

Also soweit hab ichs jetzt kapiert denk ich^^

aber ein paar sachen evrsteh ich noch nicht ganz

1. fehlt bei der version3 nicht irgend ein link zur datei?
2. ist es denn damit auch möglich videos von myvideo..etc so einzufügen?das klappt bisher nicht bei mir

hoffe weißt rat^^

synaptic

ui jo bei version drei fehlt was.. sry
und zwar: onclick="javascript:createPlayer('scheineinfahrt', 'http://site.kkw-forum.de/flvplayer/einfahrt.flv');

du kannst nur videos angucken, von denen du einen link zur flv-datei hast..
du müsstest die sachen erst von youtube downloaden und dann bei dir hochladen.. sonst haste ja keinen richtigen link zu einer flv-datei!!

NeubauJefferson

ok danke^^

habe da momentan ein problem wo du vieleicht auch ein paar nützliche links kennst,
und zwar reicht mir mein free webspace nicht mehr da er wirklich nicht für komplexe sachen wie css geeignet ist...und ich dort die dateien nicht einfach alle zusammen in eine datei setzen kann.

Nun meine frage^^: kennst du vieleicht einen free webspace anbieter bei dem ich auch alles auf meinen seiten machen kann was ich will?
dazu bräucht ich dann fallsde zufällig kennst oder sogar selbst benutzt eine seite auf der ich für meinen webspace so sachen wie die videos hochladen könnt

hoffe ist jetzt nicht zu viel verlangt oder vieleicht sogar etwas zu unverschämt all sowas zu fragen

p.s.:hatte bisher leider kaum meine seiten wirklich online gesetzt sondern nur privat als hobby oder für die schule gestaltet^^

also fallsde was kennst fänd ichs nett wennde mir ein bissl was dazu sagen kannst

Video ein/ausklappen

Tags

Benutzer online in diesem Thema