Apple Music(embed) - Hide Overlay

Apple Music(embed) - Hide Overlay.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Apple Music(embed) - Hide Overlay
// @description  Apple Music(embed) - Hide Overlay.
// @version      0.2
// @author       to
// @namespace    https://github.com/to
// @license      MIT
// 
// @match        https://embed.music.apple.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=music.apple.com
// ==/UserScript==

const css = `
	embed-upsell-overlay {
		display: none !important;
	}

	.container-player {
		height: 100vh !important;
	}`;

const root = document.querySelector('embed-root');
const observer = new MutationObserver(() => {
	if (!root.shadowRoot)
		return;

	root.shadowRoot.appendChild(createStyle(css));
	observer.disconnect();
});
observer.observe(root, {
	attributes: true,
});

function createStyle(css) {
	var style = document.createElement('style');
	style.setAttribute('type', 'text/css');
	style.appendChild(document.createTextNode(css));
	return style;
}