インスタグラムで動画再生時に長さと音量調整用スライダーを表示
このスクリプトは一つの投稿に複数の画像または動画が存在する場合正しく機能しません。またインスタグラムで黒背景の段階を飛ばす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); });