您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Opens YouTube links in an iframe when the link is clicked
// ==UserScript== // @name YouTube Link to Embedded Video // @namespace https://greatest.deepsurf.us/en/users/670188-hacker09?sort=daily_installs // @version 3 // @description Opens YouTube links in an iframe when the link is clicked // @author hacker09 // @match *://*/* // @exclude https://www.youtube.com/* // @run-at document-end // @icon https://www.youtube.com/s/desktop/03f86491/img/favicon.ico // @grant none // ==/UserScript== new MutationObserver(function() { //Starts a new MutationObserver function 'use strict'; document.querySelectorAll('[href*="youtube.com/watch?v="], [href*="youtu.be/watch?v="]').forEach(link => { //ForEach YT link link.addEventListener('click', function(event) { //When the YT link is clicked if (event.target.closest('a') && event.button !== 2 && !event.ctrlKey && !event.metaKey) { //If the CTRL key isn't being holded event.preventDefault(); //Prevent it from opening window.originalLink = this.outerHTML; //Save link HTML this.outerHTML = `<div class='originalLinkPosition'><div class="YTScript"><div style="resize: both;overflow: hidden;width: 555px;height: 373px;position: relative;"><div class="closeButton" style="position: absolute;right: 0px;cursor: pointer;z-index: 10000;">❌</div><iframe style="z-index: 9999;position: absolute;width: 100%;height: 100%;" src="https://www.youtube.com/embed/${this.href.split('&')[0].split('v=')[1]}?autoplay=1" allow="picture-in-picture;" allowfullscreen=""></iframe><div style="position: absolute; bottom: -11px; right: -7px; width: 20px; height: 28px; background-color: red; z-index: 10001; transform: rotate(-135deg);"></div></div></div>`; //Add buttons and iframe document.querySelector('.closeButton').addEventListener('click', function() { //When the close button is clicked document.querySelector('.originalLinkPosition').outerHTML = originalLink; //Restore original link HTML document.querySelector('.YTScript').remove(); //Remove embedded YT video }); //Finishes the click event listener this.remove(); //Remove current link HTML } //Finishes the if condition }); //Finishes the click event listener }); //Finishes the ForEach loop }).observe(document, { childList: true, subtree: true }); //Run script on page change