Javascript 如何隐藏JWPlayer播放按钮？

如何在JW Player中隐藏视频屏幕中央的播放按钮

我正在使用5.4版的播放器，我正在使用他们自己的“JW嵌入器”技术嵌入它

我尝试了以下方法，但没有成功：

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

---

我在某个地方读到，这可能已经被5.0版删除，现在必须用皮肤来完成。但是，我也读到它在版本5.1中返回

看起来“icons:false”选项确实有效，但对HTML 5版本的播放器不起作用。希望在JW5.4之后的任何版本中，他们都能做到这一点。

皮肤可能很容易做到这一点。您可以修改从longtail下载的现有皮肤。它们只是压缩文件

以下是文档：

基本上，您只需从“display”目录中的皮肤zip文件中删除“playcon.png”。它不会显示图标，因为它不存在

---

您可能还必须删除“background.png”，否则您将得到一个空白方块。

我遇到了同样的问题，解决方案是设置：

'controlbar': "none" “控制栏”：“无” 另外，我使用的是JWPlayer5.5

---

请告诉我它是否有效。

如果不使用自动播放，请将此添加到onPause，或者添加到onReady事件：

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

看起来是这样的：

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

参考：

检查插件部分。

您正在寻找“显示”插件。根据需要隐藏

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

---

如果将所有内容放在

'

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

---

您可以使用FlexSDK编写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。

我通过在配置中添加“icons:false”来实现这一点。然而，JWplayer API参考建议添加“controls:false”，所以也可以试试这个。以下是一个工作示例：

对于JW Player v6-HTML5播放器：

您可以使用CSS将“播放”按钮隐藏在屏幕中央：

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

或隐藏控制栏中的“播放”按钮：

.jwplay {
    display: none;
}

---

以下是我想到的情况：

其想法是完全禁用控件，然后在用户单击时重新启用它们

        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播放图标更改为透明图像，但这一过程更复杂，更倾向于“黑客攻击”

…但他们现在可能已经改进了它，成为一个最终起作用的设置属性？哈！没有什么。四年后，我在谷歌上搜索如何做到这一点时发现了自己的问题。羞耻。你可以使用设置

jwplayer（“myPlayer”）.setup（{“controls”：false}）在HTML5和Flash player上为我工作，删除了暂停时的居中播放按钮。但是，它也拆下了控制栏：（您的参考链接已断开。谢谢，阿洛特，当我放置控件时：false意味着即使播放图标也会隐藏，单击视频，视频不会播放，问题已解决，我需要隐藏控制栏。）