tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
623
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    blubbbla blubbbla ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    126
    Wie kann man denn eine Videovorschau, wie auf: http://www.ivideosongs.com/song/tuto...rady/3560.aspx
    realisieren?

    Ich hab es schon mal so versucht:

    Code c:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    
    initBackgroundDimmer : function() {
            multimedia.createVideoBox(document.getElementsByTagName("body")[0]);
        },
        
        createVideoBox : function(e) {
            var strHTML = '<div id="dimmerBox" style="display:none;"><a href="javascript:void(null);"></a></div>';
            strHTML    += '<div id="previewBox" style="display:none;"><div id="flashmovie"></div></div>';
            
            var dbox = document.createElement("div");
            dbox.setAttribute("id","dbox");
            dbox.style.display = '';
            dbox.innerHTML = strHTML;
            e.appendChild(dbox);
        },
        
        showPreviewBox : function() {
            var video = "<script type='text/javascript'>";
                video += "var so = new SWFObject('/ressources/flash/movieplayer.swf', 'movieplayer', '340', '340', '9', '#FFFFFF');";
                video += "so.write('flashmovie');";
                video += "</script>";
            
            var dbox_p = dimmer.getElement('previewBox');
            dbox_p.style.display = "";
            dbox_p.innerHTML = video;
            dimmer.posToCenter(dbox_p);
        },
        
        showVideoPreview    : function(){
                                            multimedia.initBackgroundDimmer();
                                            multimedia.showPreviewBox();
                                            dimmer.turnLightOff();
                                            window.onscroll = dimmer.maintPos;
                                            window.onresize = dimmer.maintPos;
                                        }

    Wobei zuerst das div für das dimmen erstellt wird (initBackgroundDimmer). In showPreviewBox stelle ich dann das div für das Video dar und möchte dort das Video abspielen lassen. Die Funktion turnLightOff dimmt den Hintergrund. Das Dimmen funktioniert wunderbar. Es wird dann auch das div für das Video bzw Flashobject erzeugt und dargestellt. Aber leider führt er anscheinend irgendwie nicht den javascript - Code aus, so dass das Flash Object auch wirklich dargestellt wird. Vielleicht hat ja jemand eine Idee, was ich falsch mache oder wie man das ganze auch anders lösen kann?
     

  2. #2
    lay-z-cow lay-z-cow ist offline Mitglied Gold
    Registriert seit
    May 2007
    Beiträge
    238
    Hi,
    die Methode heisst greyboxing und ist schon eine ganze weile sehr beliebt.
    Google mal nach Lightbox bzw. schau doch mal auf Seiten wie ajaxrain.com oder ajaxdaddy.com nach. Dort wirst du fertige Scripts zuhauf finden.
    Es gibt auch einige speziell für Flash Videos.

    Gruß

    .:lay-z-cow:.
     

  3. #3
    blubbbla blubbbla ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    126
    Das ging ja schnell. Super, danke!
     

  4. #4
    blubbbla blubbbla ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    126
    Gibt es denn noch etwas ohne mootools ? Denn ich verwende noch jquery und interface und irgendwie kommen die sich da ins Gehege?
     

Ähnliche Themen

  1. Premiere 6 - Videovorschau nur mit Kamera möglich
    Von t0ny im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 1
    Letzter Beitrag: 25.04.09, 12:20
  2. Videovorschau sony vegas pro 8
    Von danafee im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 4
    Letzter Beitrag: 27.01.09, 09:35
  3. Probleme mit der Bridge Videovorschau
    Von Jan-Frederik Stieler im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 0
    Letzter Beitrag: 07.04.08, 12:33
  4. DVDLab+Videovorschau
    Von Jan-Frederik Stieler im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 9
    Letzter Beitrag: 02.03.07, 11:08