Ergebnis 1 bis 7 von 7

Thema: [ch_flowplayer] flowplayer overlay

  1. #1
    Contao-Nutzer
    Registriert seit
    14.10.2009.
    Beiträge
    47

    Standard [ch_flowplayer] flowplayer overlay

    Servus,

    weiß jemand wie ich bei Flowplayer diesen Effekt hinbekomme? Wo muss ich die Javaanweisungen einfügen?

    http://flowplayer.org/demos/tools/fake-fullscreen.html

    Danke

    Gruß

    Christian

  2. #2
    Alter Contao-Hase Avatar von christian
    Registriert seit
    15.06.2009.
    Ort
    Viersen
    Beiträge
    1.038
    Partner-ID
    387

    Standard

    Das würde ich mit dem Feld "Parameter" versuchen.

    Grüße,

    Christian
    Contao-Partner am Niederrhein
    Templating - Komplettservice - Erweiterungen
    Infos: http://delahaye.de

  3. #3
    Contao-Nutzer
    Registriert seit
    14.10.2009.
    Beiträge
    47

    Standard

    Hmm das habe ich gemacht aber dann sehe ich keinen Webplayer mehr. Ich habe das hier in Parameter eingetragen:

    PHP-Code:
    // install flowplayer on the container
    $f("player""http://releases.flowplayer.org/swf/flowplayer.commercial-3.2.0.swf",  {

        
    // our fake fullscreen action.
        
    onBeforeFullscreen: function()  {

            
    // 1. launch overlay
            
    overlay.load();

            
    // 2. pause the player and make it hidden while overlay "grows"
            
    this.hide().pause();

            
    // 3. disable fullscreen button when overlayed
            
    this.getControls().enable({fullscreen:false});

            
    // 4. disable normal fullscreen action by returning false
            
    return false;
        },

        
    // when ESC is pressed above the player, "fullscreen" is closed
        
    onKeyPress: function(key) {
            if (
    key == 27) {
                
    overlay.close();
            }
        },

        
    // in this case, use the commercial version for a change
        
    key'#$7162d2d730cf607ac6d',

        
    // some basic visual setups
        
    clip: { scaling'fit'},
        
    canvas: {backgroundGradient'none'}

    });

    // setup overlay
    var overlay = $(".overlay").overlay({

        
    // use the Apple effect for overlay
        
    effect'apple',    
        
        
    // 1. start expose effect when overlaying begins
        
    mask'#123448',
        
        
    fixedfalse,

        
    // 2. when overlay is loaded, we reposition and resize the player on top of it
        
    onLoad: function() {

            
    // get handle to the embed element
            
    var embed = $("#player :first");

            
    /* and reposition / resize it. you will propably have to tweak
                these when placing this on your site */

            
    var el this.getOverlay();
            var 
    height el.height();

            
    embed.css({
                
    // size
                
    width:parseInt(el.width()) -80,
                
    height:parseInt(height) -80,

                
    // position
                
    leftparseInt(el.css("left")) + 40,
                
    topparseInt(el.css("top")) + 40
            
    });

            
    // while overlay was growing we were in the paused state
            
    $f().resume();
        },

        
    // when overlay closes
        
    onClose: function() {

            
    // 1. return our player to its original size/position
            
    $("#player :first").css({topnullleftnullwidthnullheightnull});

            
    // 2. enable the fullscreen button again
            
    $f().getControls().enable({fullscreen:true});
        }
        
    }).
    data("overlay"); 
    Was muss ich da noch ändern, damit das in Typolight greift?

    Gruß

    Christian

  4. #4
    Alter Contao-Hase Avatar von christian
    Registriert seit
    15.06.2009.
    Ort
    Viersen
    Beiträge
    1.038
    Partner-ID
    387

    Standard

    Das könnte an den Anführungszeichen liegen. Nimm die mal raus oder maskiere sie mit \.
    Contao-Partner am Niederrhein
    Templating - Komplettservice - Erweiterungen
    Infos: http://delahaye.de

  5. #5
    Contao-Nutzer
    Registriert seit
    14.10.2009.
    Beiträge
    47

    Standard

    Hmm keine Änderung.

    Ich will bei dem Video lediglich erreichen, das wenn man es groß macht es in einer Lightbox dargestellt wird. Geht es vielleicht auch mit einem anderen Player?

    Gruß

    Christian

  6. #6
    Contao-Nutzer
    Registriert seit
    14.10.2009.
    Beiträge
    47

    Standard

    Weiß noch jemand Rat wie ich diesen Effekt umsetzten kann?

    Gruß

    Christian

  7. #7
    Contao-Urgestein Avatar von do_while
    Registriert seit
    15.06.2009.
    Ort
    Berlin | Deutschland
    Beiträge
    3.614
    Partner-ID
    1081
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard Flowplayer JavaScript in allen Layouts

    Hallo Christian (de la Haye),

    weil ich das gleiche Problem in meiner Ticker-Erweiterung hatte, ist mir bei der Flowplayer-Erweiterung aufgefallen, dass das JavaScript immer in allen Seiten und allen Layouts vorhanden ist, egal ob der Flowplayer eingebaut ist oder nicht. Es reicht, dass er als Erweiterung installiert ist.

    Das liegt daran, dass Du in der config.php des Moduls die folgende Zeile drin hast:
    PHP-Code:
    $GLOBALS['TL_JAVASCRIPT'][] = 'system/modules/ch_flowplayer/html/flowplayer/flowplayer-3.1.4.min.js'
    Dadurch wird beim Aufbau der internen Strukturen von TYPOlight bereits Dein JS "registriert".

    Abhilfe:
    Ich habe die Zeile in der config.php auskommentiert und in die Templates eingebaut:
    PHP-Code:
    <?php
      $GLOBALS
    ['TL_JAVASCRIPT']['ch_flowplayer'] = 'system/modules/ch_flowplayer/html/flowplayer/flowplayer-3.1.4.min.js';
    ?>
    Durch die Angabe von ['ch_flowplayer'] als Feldindex ist sichergestellt, dass das JS nicht mehrfach auftaucht, auch nicht, wenn es mehrfach in der Seite verwendet.

    ---
    Bei mir scheint es zu funktionieren - Gruß aus Berlin

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. lightbox4ward - overlay Fehler ipad/iphone
    Von MPstudent im Forum "...4ward"
    Antworten: 6
    Letzter Beitrag: 11.12.2011, 22:43
  2. [ch_flowplayer] Filmdarstellung mit dem FlowPlayer
    Von christian im Forum Sonstige Erweiterungen
    Antworten: 15
    Letzter Beitrag: 08.12.2011, 09:51
  3. [ch_flowplayer] Templateauwahl bei Flowplayer List
    Von Chris87 im Forum Sonstige Erweiterungen
    Antworten: 1
    Letzter Beitrag: 23.03.2010, 07:01
  4. mootools overlay ähnlich lightbox
    Von MPstudent im Forum Sonstiges zu Contao
    Antworten: 2
    Letzter Beitrag: 17.03.2010, 14:27
  5. [ch_flowplayer]Paramter für Flowplayer
    Von made im Forum Sonstige Erweiterungen
    Antworten: 8
    Letzter Beitrag: 30.11.2009, 20:54

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •