Как скрыть кнопку воспроизведения JWPlayer? - PullRequest
Новая
       6

Как скрыть кнопку воспроизведения JWPlayer?

7 голосов
/ 20 января 2011

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

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

Я попробовал следующее без удачи: 

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

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

Ответы [ 10 ]

3 голосов
/ 04 января 2012

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

jwplayer().getPlugin("display").hide();
3 голосов
/ 22 июля 2011

Я пришел через ту же проблему, и решение было установить: 

'controlbar': "none"

Также я использую JW Player 5.5.

Дайте мне знать, если это сработало.

2 голосов
/ 21 марта 2015

Для JW Player v6 - проигрыватель HTML5:

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

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

Или скрыть кнопку воспроизведения в панели управления: 

.jwplay {
    display: none;
}
2 голосов
/ 04 июля 2012

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

jwplayer("myPlayer").setup({
   'file': 'myMediaFile.mp4',
   'image': 'myPosterFile.jpg',
   'controlbar': 'bottom',
   icons: 'false'
});
2 голосов
/ 13 сентября 2011

Добавьте это к вашей onPause и, возможно, к вашему событию onReady, если вы не используете автоигру: 

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

, поэтому это выглядит так: 

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

Ссылка: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference

Проверьте раздел плагинов.

1 голос
/ 09 апреля 2013

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

1 голос
/ 10 октября 2012

Вы можете написать флэш-плагин, используя 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 голос
/ 23 января 2011

Кажется, что опция 'icons: false' работает , но не с версией проигрывателя HTML 5.Надеемся, что об этом позаботятся с любыми версиями позже, чем JW 5.4.

0 голосов
/ 24 марта 2015

Вот ситуация, с которой я столкнулся:

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

        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 на прозрачное изображение, однако это более сложный процесс и больше склоняется к «взлому».

0 голосов
/ 18 марта 2011

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

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

По сути, вы просто удалите 'playIcon.png' из zip-файла скина в каталоге 'display'.Тогда он просто не будет отображать значок - потому что он не существует!

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

...