Question

我正在将Kaltura的视频播放器加载到学习管理系统（主要是教育工作者及其学生的CMS）中，并将其呈现在iframe中。使用当前的浏览器安全协议，无法全屏查看。我需要为此用例禁用全屏功能。以下是我们如何设置嵌入的想法：

loadMovie: function(id) {
    var autoPlay = this._autoPlay;
    var allowFullScreen = this._allowFullScreen;

    kWidget.embed({
      'wid': '_' + this._partnerId,
      'targetId': this._playerTarget,
      'uiconf_id': this._playerId,
      'entry_id': id,
      'params': {
        'wmode': 'transparent',
        'allowFullScreen': allowFullScreen, // not working for html player
      },
      'captureClickEventForiOS': true,
      'readyCallback': function (playerId) { // autoPlay movies
        var kdp = document.getElementById(playerId);

        kdp.kBind('mediaReady', function() {
          kdp.sendNotification('doPlay');
        });
      }
    });
}

我已经能够使用CSS隐藏全屏按钮，但用户仍然可以（有意或无意地）双击播放区域以实现全屏。由于iframe问题，视频基本上消失了，让用户感到困惑，无法轻松关闭播放器模式。

我正在将电影链接中的数据属性传递给播放器初始化函数，以指示全屏应该何时不可用。我只需要找出如何实际禁用。 Kaltura的文档没有帮助。

我也摆弄了传统的Flash参数，但它们对HTML 5播放器没有任何影响。我正在使用2.11版。谢谢。

Answer 1

您需要将其放在脚本标记中：

mw.setConfig('EmbedPlayer.EnableFullscreen', false);

Answer 2

为什么不简单地在播放器顶部放置一个div叠加，使用z-index，比如10000.这样，即使有些双击，他们也会点击DIV，但没有任何反应。继续隐藏CSS按钮。

如何在Kaltura的HTML5媒体播放器中禁用全屏模式？

2 个答案: