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

How can I disable fullscreen mode in Kaltura's HTML5 media player?

本文关键字：模式 媒体播放器 kaltura HTML5      更新时间：2023-09-26

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

你需要把它放在一个script标签中:

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

为什么不简单地在播放器顶部添加一个div覆盖，并设置z-index，比如10000。这样，即使一些双击，他们点击的是DIV，什么也没有发生。继续CSS按钮隐藏

相关文章：