2011-01-20 3 views
7

Как скрыть кнопку воспроизведения, расположенную в центре экрана в JW Player?Как скрыть кнопку воспроизведения JWPlayer?

Я использую версию 5.4 игрока, и я внедряю ее, используя свою технику «JW Embedder».

Я попытался следующие без везения:

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

Я где-то читал, что это, возможно, были удалены с версии 5.0 и теперь должно быть сделано с кожей. Но, я также прочитал, что он вернулся в версии 5.1 ...?

+0

dock: false? это работает? –

+0

Что, наконец, сработало? – Justin

+1

Ha! Ничего. Четыре года спустя, и я нашел свой собственный вопрос, в то время как Googling, как это сделать. Позорный. – AJB

ответ

1

Похоже, что опция «значки: ложь» делает, но не с версией игрока HTML 5. Надеюсь, они позаботятся об этом с любыми версиями позже JW 5.4.

0

Это, вероятно, довольно легко сделать с кожей. Вы можете изменить существующий скин, загруженный из longtail. Они просто пронестись файлы

Вот документация: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/14/building-skins

В основном вы бы просто удалить «playIcon.png» из архива кожи в каталоге «Дисплей». Тогда он просто не покажет значок, потому что его не существует!

Возможно, вам также придется удалить 'background.png' - или вы просто получите пустой квадрат.

+0

... но они, возможно, улучшили его сейчас быть настройкой свойства –

2

я пришел ACROS той же проблемой, и решение было установлено:

'controlbar': "none"

Кроме того, я использую JW Player 5.5.

Ley me знаю, если это сработало.

2

Добавьте это в OnPause и, возможно, к вашему onReady случае, если вы не используете автозапуск:

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

так выглядит следующим образом:

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

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

Проверьте раздел «Плагины».

+0

Ваша ссылка ссылка сломана. – Justin

3

Вы ищете плагин "display". Спрячьте по мере необходимости.

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

Ваш код должен работать с JWplayer 5,10, если вы поставите все между ' '

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

Вы можете написать флэш-плагин с помощью Flex SDK. Я написал базовый класс, который наследует от Sprite, чтобы справиться с этим.

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; 
    }  
} 

Тогда вы можете написать свой плагин, наследуя от этого класса.

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

Если вы хотите, чтобы скрыть воспроизведения и паузы кнопки, например, вы могли бы сделать следующее:

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

Вам нужно правильно импорт библиотеки для этого, а также. Затем вам также потребуется ссылаться на SWF в параметрах jwplayer.

1

Я достиг этого, добавив «icons: false» в config. Однако в описании JWplayer API предлагается добавить «controls: false», поэтому попробуйте это. Вот рабочий пример: http://www.longtailvideo.com/support/jw-player/29241/a-chromeless-player/

+0

Настройка 'jwplayer (« myPlayer »). Setup ({« controls »: false});' работал для меня на HTML5 и Flash Player для удаления центрированной кнопки воспроизведения в режиме паузы. Однако он также удалил панель управления. :( – Justin

1

Для JW Player v6 - HTML5 плеер:

Вы можете скрыть кнопку воспроизведения в центре экрана в с помощью CSS:

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

Или, чтобы скрыть игру кнопка в контрольной панели:

.jwplay { 
    display: none; 
} 
0

Вот ситуация, которую я придумал:

Идея состоит в том, чтобы полностью отключить элементы управления, а затем снова включить их при нажатии на пользователя.

 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(); 
        } 
       }  
      }); 

Использование версии 6.10. Другие ответы выше не работали для меня, вероятно, из-за изменений в версии. Единственным другим способом, который я нашел, является изменение значка игры skin.xml на прозрачное изображение, но более связанный с ним процесс и больше подходит к стороне «взлома».