FirefoxのフルスクリーンビデオDOMエレメントを追加する

Question

zインデックスが2147483647、不透明度1に設定されていますが、html5ビデオ（静的または動的）のオーバーレイとしてどのように要素をDOMに入れても、Firefoxのこれらの要素は表示されません。表示ブロック。ビデオエレメントフルスクリーンの親を行い、代わりにビデオフルスクリーンを作る、オーバーレイ要素を表示するには

Overlay on HTML5 Fullscreen Video

Displaying elements other than fullscreen element (HTML5 fullscreen API)

Answer 1

：

はChromeではなく、FFで働く2と同様の答えを、参照してください。ここで

参照例 - https://jsfiddle.net/tv1981/tm069z9c/1/構造を以下に

、私は 'コンテナ' フルスクリーン

<div id="container"> 
    <div class="btn-fs" id="btnFS"> 
    Fullscreen 
    </div> 
    <div class='logo'> 
    Logo Overlay 
    </div> 
    <video width="100%" height="100%" autoplay> 
    <source src="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4"> Your browser does not support the video tag. 
    </video> 
    <div class='footer'> 
    This is Test Overlay for Video 
    </div> 
</div> 

はJavaScript

fs.addEventListener('click', goFullScreen); 

function goFullScreen() { 
    var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || 
    document.webkitFullscreenElement || document.msFullscreenElement; 
    if (fullscreenElement) { 
    exitFullscreen(); 
    } else { 
    launchIntoFullscreen(document.getElementById('container')); 
    } 
} 

これはクロームバージョン60.0.3112.101に取り組んでいるが作っています（公式ビルド）（64ビット）、FireFox開発者版56.0b5（64ビット）