episodes dropdown for vidcloud9.com

dropdown adds a dropdown menu to navigate between episodes faster

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         episodes dropdown for vidcloud9.com
// @description  dropdown adds a dropdown menu to navigate between episodes faster
// @match        https://vidcloud9.com/videos/*
// @version 0.0.1.20210801224626
// @namespace https://greatest.deepsurf.us/users/798407
// ==/UserScript==

let vidLeft = document.querySelector(".video-info-left");
let videoElem = document.querySelector(".watch_play");
let episodesUrls = new Array();
let episodesRaw = document.querySelector(".lists").querySelectorAll("a");
episodesRaw.forEach(function (e, i) {
    episodesUrls[i] = e.href;
  });
episodesUrls.reverse();
let currentEpisode = episodesUrls.indexOf(window.location.href);
let select = document.createElement("select");
function createOptions(url, i) {
  let option = document.createElement("option");
  option.value = url;
  option.text = "Episode " + (i + 1);
  if (i === currentEpisode) option.selected = "selected";
  return option;
};
episodesUrls.forEach(function (e, i) {
  select.add(createOptions(e, i), null);
});
let br = document.createElement("br");
vidLeft.insertBefore(br, videoElem);
vidLeft.insertBefore(select, videoElem);
select.addEventListener("change", function () {
  window.location.href = select.value;
});