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

このスクリプトは一つの投稿に複数の画像または動画が存在する場合正しく機能しません。またインスタグラムで黒背景の段階を飛ばす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="button" id="v_open" value="動画を別のタブで開く"></form>');
document.getElementById("v_open").addEventListener('click', function () {
  window.open(video.src);
});