gecko-dev/toolkit/content/TopLevelVideoDocument.js
Timothy Guan-tin Chien 5f71e2aa7f Bug 1474574 - Ensure <video> is the only focusable element in TopLevelVideoDocument r=Gijs
Instead of re-dispatch an untrusted event, simply make sure the keyboard event is handled
by the video controls.

MozReview-Commit-ID: 9Kj7E3UP77w

--HG--
extra : rebase_source : 8bbc787c7e5dd3d4351270b17f521f49b0f1a21c
2018-07-11 11:51:48 +08:00

38 lines
1.3 KiB
JavaScript

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
// <video> is used for top-level audio documents as well
let videoElement = document.getElementsByTagName("video")[0];
// Redirect focus to the video element whenever the document receives
// focus.
document.addEventListener("focus", () => videoElement.focus(), true);
// Handle fullscreen mode
document.addEventListener("keypress", ev => {
// Maximize the standalone video when pressing F11,
// but ignore audio elements
if (ev.key == "F11" && videoElement.videoWidth != 0 && videoElement.videoHeight != 0) {
// If we're in browser fullscreen mode, it means the user pressed F11
// while browser chrome or another tab had focus.
// Don't break leaving that mode, so do nothing here.
if (window.fullScreen) {
return;
}
// If we're not in browser fullscreen mode, prevent entering into that,
// so we don't end up there after pressing Esc.
ev.preventDefault();
ev.stopPropagation();
if (!document.mozFullScreenElement) {
videoElement.mozRequestFullScreen();
} else {
document.mozCancelFullScreen();
}
}
});