☰

Cam4 toggle fullscreen

Easy Cam4 fullscreen toggler.

2018/11/10のページです。最新版はこちら。

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
// ==UserScript==
// @name Cam4 toggle fullscreen
// @namespace CAM4
// @description Easy Cam4 fullscreen toggler.
// @version 3
// @include https://www.cam4.com/*
// @match https://www.cam4.com/*
// @grant none
// ==/UserScript==

window.onload = initialize;

var _isFullScreen = false;
var _htmlTag, _cam4HLSPlayer, _originalCam4HLSPlayerStyle = null;

function initialize() {
  try {
    _htmlTag = document.getElementsByTagName('html')[0];
    _cam4HLSPlayer = document.getElementById('Cam4HLSPlayer');
    _originalCam4HLSPlayerStyle = _cam4HLSPlayer.style;
    
    HLS.disconnect = null;
    _cam4HLSPlayer.addEventListener('dblclick', toggleFullScreen, false);
    document.addEventListener('keydown', catchKeyDown, false);
  } catch (exception) {
    console.warn('initialize.exception', exception);
  }
}

function catchKeyDown(e) {
   if (e.keyCode == 13 && e.altKey) {
     toggleFullScreen();
   }
}

function toggleFullScreen() {
    _isFullScreen = !_isFullScreen
    _htmlTag.style['overflow'] = _isFullScreen ? 'hidden' : 'auto';
    if (_isFullScreen) {
      _cam4HLSPlayer.style['position'] = 'fixed';
      _cam4HLSPlayer.style['top'] = 0;
      _cam4HLSPlayer.style['left'] = 0;
      _cam4HLSPlayer.style['height'] = '100vh';
      _cam4HLSPlayer.style['width'] = '100vw';
      _cam4HLSPlayer.style['z-index'] = 99999;
    } else {
      _cam4HLSPlayer.style = _originalCam4HLSPlayerStyle;
    }
}