[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

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

Grüße,

Christian

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',
    
    fixed: false,

    // 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
            left: parseInt(el.css("left")) + 40,
            top: parseInt(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({top: null, left: null, width: null, height: null});

        // 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

Das könnte an den Anführungszeichen liegen. Nimm die mal raus oder maskiere sie mit \.

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

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

Gruß

Christian

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