簡體   English   中英

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

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

我正在將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的問題,視頻基本上消失了,使用戶感到困惑,無法輕松關閉播放器模式。

我正在將電影鏈接的數據屬性傳遞給播放器的init函數,以指示何時全屏不可用。 我只需要了解如何實際進行禁用即可。 Kaltura的文檔沒有幫助。

我還玩弄了舊版Flash參數,但它們對HTML 5播放器沒有影響。 我正在使用2.11版。 謝謝。

您需要將其放在腳本標簽中:

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

您為什么不簡單地將一個div疊加層放置在具有z-index的播放器頂部(例如10000)。這樣,即使有些雙擊,他們仍在DIV上單擊,但沒有任何反應。 繼續隱藏CSS按鈕。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM