如何隱藏JWPlayer播放按鈕？

Question

如何隱藏JW Player中視頻屏幕中心的播放按鈕？

我正在使用播放器的5.4版本，我使用他們自己的'JW Embedder'技術嵌入它。

我試過以下沒有運氣：

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

我已經在某個地方讀到了這個版本5.0可能已被刪除，現在必須用皮膚完成。 但是，我也讀到它在5.1版本中返回了......？

Answer 1

我來了acros同樣的問題，解決方案是設置：

'controlbar': "none"

另外，我正在使用JW Player 5.5。

嘿，我知道它是否成功。

Answer 2

您正在尋找“顯示”插件。 根據需要隱藏。

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

Answer 3

如果你把所有東西放在' '之間，你的代碼應該適用於JWplayer 5.10

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

Answer 4

對於JW Player v6 - HTML5播放器：

您可以使用CSS隱藏屏幕中心的播放按鈕：

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

或者隱藏控制欄中的播放按鈕：

.jwplay {
    display: none;
}

Answer 5

如果您不使用自動播放，請將此添加到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

檢查插件部分。

Answer 6

您可以使用Flex SDK編寫Flash插件。 我編寫了一個繼承自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");

您也需要正確的庫導入。 然后，您還需要在jwplayer參數中引用SWF。

Answer 7

我通過在配置中添加'icons：false'來實現這一目標。 但是，JWplayer API參考建議添加'controls：false'，所以也嘗試這樣做。 以下是一個工作示例： http ： //www.longtailvideo.com/support/jw-player/29241/a-chromeless-player/

Answer 8

似乎'icons：false'選項確實有效，但不適用於HTML 5版本的播放器。 希望他們能夠在JW 5.4之后的任何版本中使用它。

Answer 9

以下是我提出的情況：

我們的想法是完全禁用控件，然后在用戶單擊時重新啟用它們。

        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播放圖標更改為透明圖像，但更多涉及過程並且更傾向於“黑客”。

Answer 10

皮膚可能很容易。 您可以修改從longtail下載的現有皮膚。 它們只是zip文件

這是文檔： http ： //www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/14/building-skins

基本上你只需從'display'目錄中的skin zip文件中刪除'playIcon.png'。 它不會顯示圖標 - 因為它不存在！

您可能還必須刪除'background.png' - 或者您只是得到一個空白方塊。