![](/img/trans.png)
[英]How can I check if an element is in fullscreen with the fullscreen API for 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.