diff --git a/web/skins/classic/js/skin.js b/web/skins/classic/js/skin.js
index c7e2afedf..6ede08479 100644
--- a/web/skins/classic/js/skin.js
+++ b/web/skins/classic/js/skin.js
@@ -947,3 +947,29 @@ function initThumbAnimation() {
});
}
}
+
+/* View in fullscreen */
+function openFullscreen(elem) {
+ if (elem.requestFullscreen) {
+ elem.requestFullscreen();
+ } else if (elem.webkitRequestFullscreen) {
+ /* Safari */
+ elem.webkitRequestFullscreen();
+ } else if (elem.msRequestFullscreen) {
+ /* IE11 */
+ elem.msRequestFullscreen();
+ }
+}
+
+/* Close fullscreen */
+function closeFullscreen() {
+ if (document.exitFullscreen) {
+ document.exitFullscreen();
+ } else if (document.webkitExitFullscreen) {
+ /* Safari */
+ document.webkitExitFullscreen();
+ } else if (document.msExitFullscreen) {
+ /* IE11 */
+ document.msExitFullscreen();
+ }
+}
diff --git a/web/skins/classic/views/js/watch.js b/web/skins/classic/views/js/watch.js
index aacad5126..5ba4b407c 100644
--- a/web/skins/classic/views/js/watch.js
+++ b/web/skins/classic/views/js/watch.js
@@ -970,5 +970,10 @@ function initPage() {
});
} // initPage
+function watchFullscreen() {
+ const content = document.getElementById('content');
+ openFullscreen(content);
+}
+
// Kick everything off
$j(document).ready(initPage);
diff --git a/web/skins/classic/views/watch.php b/web/skins/classic/views/watch.php
index e1e54c3c7..beab28ac1 100644
--- a/web/skins/classic/views/watch.php
+++ b/web/skins/classic/views/watch.php
@@ -142,6 +142,9 @@ if ( $streamMode == 'jpeg' ) {
+