tumblr video url

Get video url in dashboard or video blog page

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name            tumblr video url
// @name:zh-CN      tumblr 视频链接
// @namespace       http://www.himysql.com/
// @version         1.1.0
// @create          2017-02-25
// @description     Get video url in dashboard or  video blog page
// @description:zh-CN     获取 tumblr 视频链接
// @author          leopku
// @copyright       2017+, leopku
// @license         MIT License
// @match           *://www.tumblr.com/*
// @match           *://*.tumblr.com/*
// @run-at          document-end
// @grant           GM_registerMenuCommand
// @grant           GM_setClipboard
// @require         https://greasyfork.org/scripts/27254-clipboard-js/code/clipboardjs.js?version=174357
// ==/UserScript==

(function () {
  'use strict';
  function convertPosterToVideo(poster) {
    var arr = poster.split('_', 2);
    var vid = arr[1];
    return 'https://vtt.tumblr.com/tumblr_' + vid + '.mp4';
  }

  function copyURIToClipboard() {
    if (url) {
      GM_setClipboard(url);
      alert('视频链接已经在剪贴板中了');
    }
    else {
      alert('当前页面没有视频资源');
    }
  }

  function insertElementAfterOther(newElement, targetElement) {
    var parent = targetElement.parentNode;

    if (parent.lastChild === targetElement) {
      parent.appendChild(newElement);
    }
    else {
      parent.insertBefore(newElement, targetElement.nextSibling);
    }
  }

  // eslint-disable-next-line no-unused-vars
  function insertPostBody(element) {
    var video = element.getElementsByTagName('video');
    var poster = video[0].getAttribute('poster');
    var postBody = document.createElement('p');
    postBody.setAttribute('class', 'post_body');
    postBody.appendChild(document.createTextNode(convertPosterToVideo(poster)));
    var postMedia = element.querySelectorAll('[class="post_media"]');
    insertElementAfterOther(postBody, postMedia[0]);
  }

  function insertButton(element) {
    var video = element.getElementsByTagName('video');
    var poster = video[0].getAttribute('poster');
    var like = element.getElementsByClassName('like');
    var cb = document.createElement('div');
    cb.setAttribute('data-clipboard-text', convertPosterToVideo(poster));
    cb.setAttribute('class', 'post_control post-control-icon icon_queue');
    insertElementAfterOther(cb, like[0]);
  }

  function parseVideo(elements) {
    for (var i = 0; i < elements.length; i++) {
      insertButton(elements[i]);
    }
  }

  var clipboard = new Clipboard('[data-clipboard-text]'); // eslint-disable-line no-unused-vars

  if (document.domain === 'www.tumblr.com') {
    // add download url for dynamic loaded videos
    document.addEventListener('DOMNodeInserted', function (evt) {
      if (evt.relatedNode.id === 'posts') {
        var el = evt.srcElement.getElementsByClassName('is_video');
        parseVideo(el);
      }
    }, false);

    // add download url for first loaded videos
    var elements = document.getElementsByClassName('is_video');
    parseVideo(elements);
  }
  else {
    var ogImage = document.head.querySelector('[property="og:image"]').content;
    var url = convertPosterToVideo(ogImage);
    GM_registerMenuCommand('Get Tumblr video url', copyURIToClipboard);
  }

})();