2011-01-20 13 views
7

Come posso nascondere il pulsante di riproduzione che si trova al centro dello schermo video in JW Player?Come nascondere il pulsante di riproduzione di JWPlayer?

Utilizzo la versione 5.4 del lettore e la sto incorporando utilizzando la propria tecnica 'JW Embedder'.

ho provato quanto segue senza fortuna:

jwplayer("myPlayer").setup({ 
    file: 'myMediaFile.mp4', 
    image: 'myPosterFile.jpg', 
    controlbar: 'bottom', 
    icons: false 
}); 

Ho letto da qualche parte che questo potrebbe essere stato rimosso dalla versione 5.0 e deve ora essere fatto con una pelle. Ma, ho letto anche che è tornato nella versione 5.1 ...?

+0

dock: false? funziona? –

+0

Cosa ha funzionato alla fine? – Justin

+1

Ha! Niente. Quattro anni dopo ho trovato la mia domanda mentre cercavo su Google come farlo. Vergognoso. – AJB

risposta

1

Sembra che l'opzione "icone: false" non funzioni, ma non con la versione HTML 5 del lettore. Speriamo che si occuperanno di questo con qualsiasi versione successiva a JW 5.4.

0

Probabilmente è abbastanza facile da fare con una pelle. È possibile modificare uno skin esistente scaricato da longtail. Stanno solo zip file

Ecco la documentazione: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/14/building-skins

In pratica si era appena eliminare il 'playIcon.png' dal file zip pelle nella directory 'display'. Non mostrerà l'icona allora - perché non esiste!

Probabilmente dovrai eliminare anche "background.png" - o otterrai solo un quadrato vuoto.

+0

... ma potrebbero averlo migliorato ormai essere una proprietà di configurazione –

2

sono venuto Acros lo stesso problema e la soluzione era quella di impostare:

'controlbar': "none"

Inoltre, sto usando JW Player 5.5.

Fammi sapere se ha funzionato.

2

Aggiungi questo al vostro onPause e magari per il vostro evento onReady se non si utilizza la riproduzione automatica:

jwplayer().getPlugin("controlbar").hide(); 

in modo che appaia in questo modo:

jwplayer("container").setup({ 
    events: { 
     onPause: function(event){ 
      jwplayer().getPlugin("controlbar").hide(); 
     } 
    } 
}) 

Riferimento: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference

Controlla la sezione Plugin.

+0

Il tuo link di riferimento è rotto. – Justin

3

Stai cercando il plug-in "display". Nascondere se necessario.

jwplayer().getPlugin("display").hide(); 
2

Il codice dovrebbe funzionare con JWplayer 5.10 se si mette tutto tra ' '

jwplayer("myPlayer").setup({ 
    'file': 'myMediaFile.mp4', 
    'image': 'myPosterFile.jpg', 
    'controlbar': 'bottom', 
    icons: 'false' 
}); 
1

È possibile scrivere un plugin flash utilizzando Flex SDK. Ho scritto una classe base che eredita da Sprite per gestirlo.

import flash.display.Sprite; 
import flash.display.DisplayObject; 
import com.longtailvideo.jwplayer.player.IPlayer; 
import com.longtailvideo.jwplayer.view.components.ComponentButton; 
import com.longtailvideo.jwplayer.view.interfaces.IControlbarComponent; 

public class ExtendedPlugin extends Sprite 
{  
    protected var _player:IPlayer; 

    public function ExtendedPlugin() 
    { 

    }  

    public function hideControlbarButton(buttonName:String):void { 
     var controlbar:IControlbarComponent = _player.controls.controlbar; 
     var button:DisplayObject = controlbar.getButton(buttonName);  
     button.height = 0; 
     button.width = 0; 
    }  
} 

Quindi è possibile scrivere il plug-in ereditando da questa classe.

public class MyPlugin extends ExtendedPlugin implements IPlugin 
{ 
    public function initPlugin(player:IPlayer, config:PluginConfig):void 
    { 
      _player = player; 
    } 
} 

Se si voleva nascondere il gioco e pulsanti per esempio si potrebbe fare la seguente pausa:

hideControlbarButton("play"); 
hideControlbarButton("pause"); 

Avrete bisogno delle importazioni di libreria corretti per questo pure. Dovrai quindi anche fare riferimento al file SWF nei parametri jwplayer.

1

L'ho ottenuto aggiungendo "icone: falso" alla configurazione. Tuttavia, il riferimento all'API di JWplayer suggerisce di aggiungere "controlli: falso", quindi prova anche questo. Ecco un esempio di lavoro: http://www.longtailvideo.com/support/jw-player/29241/a-chromeless-player/

+0

Impostazione 'jwplayer (" myPlayer "). Setup ({" controls ": false});' ha funzionato per me su HTML5 e Flash player per rimuovere il pulsante di riproduzione centrato in pausa. Tuttavia ha anche rimosso la barra di controllo. :( – Justin

1

Per JW Player V6 - player HTML5:

È possibile nascondere il pulsante di riproduzione nel centro dello schermo nel con i CSS:

.jwplayer .jwdisplayIcon { 
    display: none !important; 
} 

o per nascondere il gioco pulsante nella barra di controllo:

.jwplay { 
    display: none; 
} 
0

Ecco la situazione mi si avvicinò con:

L'idea è di disabilitare completamente i controlli e riabilitarli quando si fa clic su utente.

 var jwHandle = jwplayer(videoID).setup(videoConfig);//Set b/c of internal reasons 

     //Then when configuring 
     autoplay : "false", 
     controls : "false", //disable the controls(including play icon) 
     events : { 
        onDisplayClick : function(event){ 
         //re-enable controls 
         jwHandle.setControls(true); 
         //play the video 
         jwHandle.play(); 
        } 
       }  
      }); 

Utilizzo della versione 6.10. Altre risposte sopra non hanno funzionato per me, probabilmente a causa di modifiche alla versione. L'unico altro modo che ho trovato è quello di cambiare un'icona di riproduzione skin.xml in un'immagine trasparente, tuttavia il processo più coinvolto e cade più verso il lato di "hacking".

Problemi correlati