frankyghost / projekktor

The Free Web Video Player
194 stars 75 forks source link

HQ and full screen #16

Closed c00lbeans closed 10 years ago

c00lbeans commented 10 years ago

How do I get the player to auto switch to HQ when it goes full screen?

rwlodkowski commented 10 years ago

Try something like this:

$(document).ready(function() {
    projekktor('#player_a', {
        poster: '/media/intro.jpg',
        playerFlashMP4: '/lib/release/1.3.09/swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
        playerFlashMP3: '/lib/release/1.3.09/swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
        width: 640,
        height: 385,
        platforms: ['browser', 'android', 'ios', 'native', 'flash', 'vlc'],
        playbackQuality: 'lo',
        playbackQualities:
        [
        {key: 'lo',     minHeight: 0,       minWidth: 0},
        {key: 'hi',     minHeight: 0,       minWidth: 0}
        ],      
        playlist: [
            {
            0: {src:"/media/intro.lo.mp4", type:"video/mp4", quality: 'lo'},
            1: {src:"/media/intro.lo.webm", type:"video/webm", quality: 'lo'},
            2: {src:"/media/intro.lo.ogv", type:"video/ogg", quality: 'lo'},
            3: {src:"/media/intro.hi.mp4", type:"video/mp4", quality: 'hi'},
            4: {src:"/media/intro.hi.webm", type:"video/webm", quality: 'hi'},
            5: {src:"/media/intro.hi.ogv", type:"video/ogg", quality: 'hi'}
            }
        ]    
    }, function(player) {
        window.p = player;
        p.setDebug(true);
        var fullscreenListener = function(val){
            if(val){
                p.setPlaybackQuality('hi');
            }
            else {
                p.setPlaybackQuality('lo');
            }
        };

        p.addListener('fullscreen', fullscreenListener);

    } // on ready 
    );
});

You can play with a demo here: http://projekktor.wlodkowski.net/demo_fullscreen_qc.php