1216226589@qq.com
1216226589@qq.com
  • 发布:2016-11-17 10:33
  • 更新:2016-11-17 11:08
  • 阅读:1564

播放视频时禁止返回键的点击事件

分类:MUI

我在播放视频的时候,手动设置了全屏。在全屏的情况下,点击返回键mui没有监听到...而且系统自动退出了全屏。全屏状态下并不会执行监听器中的内容,非全屏状况下会执行。

plus.key.addEventListener('backbutton', function() {  
                    console.log("back button is clicked.");  
                }, false);

有什么方式能够手动监听返回键,并做相应的事件处理?
如下的方式也不奏效:

var old_back = mui.back;  
mui.back = function() {  
                    var btn = ["确定", "取消"];  
                    mui.confirm('确认关闭当前窗口?', 'Hello MUI', btn, function(e) {  
                        if(e.index == 0) {  
                            //执行mui封装好的窗口关闭逻辑;  
                            old_back();  
                        }  
                    });  
                }
2016-11-17 10:33 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

使用video标签进行全屏播放,不同浏览器内核,对于全屏播放的处理均不同。
尝试使用下面的方法,监听全屏事件的变化。(这里只处理webkit内核的)

// 全屏事件  
var fullScreenEvent = function(){  
    var event;  
    event = "onfullscreenchange" in document ? event = "fullscreenchange" : event = "webkitfullscreenchange";  
};  
// 是否存在全屏元素  
var isDOMFullScreen = function(){  
    var el = document.fullscreenElement || document.webkitFullscreenElement;  
    return el;  
};

对document添加获取的全屏事件,在事件的回调中,检测是否存在全屏元素。

document.addEventListener(fullScreenEvent(),function(){  
    var fullScreenDom = isDOMFullScreen();  
    if(fullScreenDom){  
        //TODO  
    }else{  
        //TODO      
    }  
});

该问题目前已经被锁定, 无法添加新回复