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

【问题标题】：How can I disable fullscreen mode in Kaltura's HTML5 media player?如何在 Kaltura 的 HTML5 媒体播放器中禁用全屏模式？
【发布时间】：2014-07-15 17:27:20
【问题描述】：

我正在将 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 版。谢谢。

【问题讨论】：

标签： javascript jquery html5-video kaltura

【解决方案1】：

你需要把它放在一个脚本标签中：

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

【讨论】：

第二行起到了作用，尽管我在 Kaltura 的文档中找不到该参数。谢谢。
mw 是 kaltura 小部件对象吗？

【解决方案2】：

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

【讨论】：

这也会禁用播放器中的所有其他控件。此外，如果有一种以编程方式执行的方法，我不希望增加复杂性（如果没有，我会感到非常惊讶）。
嗯，你可以控制叠加层的高度不超过控件...我的意思是，如果没有其他可用的，你可以试试这个
控件分散在整个播放区域。感谢您的建议，但它对我不起作用。
这个链接怎么样？ knowledge.kaltura.com/faq/…
我需要在某些情况下以编程方式禁用全屏，而不是全面禁用。