可在Firefox

Question

我想在单击特定按钮时强制视频进入全屏（本机）。我正在使用全屏html API，而在Opera / Chrome中，它的工作原理与之相似。但在Firefox中却没有。每当我点击我的按钮并调用我的JS时，它就会强制浏览器本身进入全屏状态（就像你在键盘上按F11一样）。我有以下代码：

视频：

HTML：

<video id="videoTrailer" controls src="I removed the video link here"></video>

CSS：

#videoTrailer{
display: none;
}

我只是将我的视频放在我的html文档的任何位置并隐藏它。

按钮：

    <div id="trailerButton" class="btn col-3" onClick="showTrailer()">my trailer text
    </div>

的CSS：

.col-4 {width: 33.33%;}

#trailerButton{
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
position: absolute;
left:0;
right:0;
border: 2px solid yellow;
border-bottom: none;
bottom:0;
border-top-right-radius:1em;
border-bottom-right-radius: 0;
padding-bottom: 0.3em;
padding-top: 0.3em;
padding-right: 0em;
padding-left: 0em;
}

#trailerButton:hover{
    color:yellow;
    cursor: pointer;
}

使用Javascript：

var pauseTrailer = function () {
'use strict';
var elem = document.getElementById("videoTrailer");
elem.pause();
};

var showTrailer = function () {
    'use strict';
    var elem = document.getElementById("videoTrailer");
    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
        elem.webkitRequestFullscreen();
    }
document.addEventListener("fullscreenchange", pauseTrailer);
document.addEventListener("webkitfullscreenchange", pauseTrailer);
document.addEventListener("mozfullscreenchange", pauseTrailer);
document.addEventListener("MSFullscreenChange", pauseTrailer);
};

所以我基本上寻找的是一个纯粹的Javascript解决方案，让我的视频在Firefox中转到全屏（本机）（我不允许使用jQuery）我想指出虽然我的javascript知识有限。提前谢谢。