下载淘宝主图视频

保存淘宝主图视频

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         下载淘宝主图视频
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  保存淘宝主图视频
// @author       tuiu
// @license.     MIT
// @match        https://detail.tmall.com/item.htm*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tmall.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const btn = document.createElement("button")
    btn.innerText = "下载视频"
    btn.style.position = "fixed"
    btn.style.top = "20%"
    btn.style.right = "0"
    btn.style.border = "none"
    btn.style.backgroundColor = "white"
    btn.style.paddingLeft = 20
    btn.style.paddingTop = 20
    btn.style.paddingBottom = 20
    btn.style.zIndex = 999
    document.body.append(btn)
    btn.addEventListener("click", function() {
        const src = document.querySelector("#mainPicVideoEl > div > video").src
        const fileName = `${document.title}.mp4`
        let x = new XMLHttpRequest()
        x.open('GET', src, true)
        x.responseType = 'blob'
        x.onload = (e) => {
            let url = window.URL.createObjectURL(x.response)
            let a = document.createElement('a')
            a.href = url
            a.download = fileName
            a.click()
        }
        x.send()
    })
})();