1300

移行用のテストです

インスタグラムで動画再生時に長さと音量調整用スライダーを表示

このスクリプトは一つの投稿に複数の動画が存在する場合正しく機能しません。またインスタグラムで黒背景の段階を飛ばすgreasemonkeyスクリプトと併用することをお勧めします

// ==UserScript==
// @name         insta_movie
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.instagram.com/*
// @grant        none
// ==/UserScript==
var result = document.evaluate('//video', document, null, 7, null);
var video = result.snapshotItem(0);
video.addEventListener('loadedmetadata', function () {
  var result2 = document.evaluate('//time', document, null, 7, null);
  result2.snapshotItem(0).insertAdjacentHTML("afterbegin", Math.floor(this.duration) + "秒 ");
  result2.snapshotItem(0).insertAdjacentHTML('afterend', '<input type="range" name="example" step="5" max="100" id="hoge">');
  document.getElementById("hoge").addEventListener('change', function () {
    for (var i = 0; i < result.snapshotLength; i++) {
      result.snapshotItem(i).volume = document.getElementById("hoge").value / 100;
      this.title = document.getElementById("hoge").value + "%";
    }
  }, false);
});
var result3 = document.evaluate('//a[./time]', document, null, 7, null);
result3.snapshotItem(0).insertAdjacentHTML('afterend', '<form name="form1"><input type="checkbox" id="v_open">動画を別のタブで開く</form>');
document.getElementById("v_open").addEventListener('change', function () {
  if (document.getElementById("v_open").checked) {
    window.open(video.src);
  }
});