Skip to content

Instantly share code, notes, and snippets.

@XxUnkn0wnxX

XxUnkn0wnxX/yt-popup-nag-2025.html

Created January 24, 2025 15:34
Show Gist options
  • Save XxUnkn0wnxX/4cb5dcb61a8db3d4c9f5e1a5f819b011 to your computer and use it in GitHub Desktop.
Save XxUnkn0wnxX/4cb5dcb61a8db3d4c9f5e1a5f819b011 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
yt-popup-nag-2025.html
<tp-yt-paper-dialog style-target="host" role="dialog" tabindex="-1" class="style-scope ytd-popup-container" prevent-autonav="true" modern="" style="outline: none; position: fixed; top: 308.34px; left: 1348.5px; box-sizing: border-box; max-height: 1007px; max-width: 3120px; z-index: 2202;">
<!--css-build:shady-->
<!--css-build:shady-->
<yt-dialog-view-model dialog="true" class="ytDialogViewModelHost ytDialogViewModelResetSpacing" tabindex="-1">
<dialog-layout class="yt-spec-dialog-layout yt-spec-dialog-layout--dialog-layout-responsive" style="">
<div class="yt-spec-dialog-layout__dialog-layout-container">
<div class="yt-spec-dialog-layout__dialog-layout-content">
<div class="yt-spec-dialog-layout__dialog-layout-content-inner">
<span>
<upsell-view-model class="ytUpsellViewModelHost ytUpsellViewModelHostNoPadding">
<div class="ytUpsellViewModelHostUpsellLogo">
<img alt="" class="yt-core-image yt-core-image--fill-parent-height yt-core-image--fill-parent-width yt-core-image--content-mode-scale-aspect-fit yt-core-image--loaded" src="https://gstatic.com/youtube/img/unlimited/ytu_mobile_premium_logo_short_dark_290x60.png">
</div>
<div class="ytUpsellViewModelHostUpsellTitle">
<span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap" role="text">
<span class="" style="">Enjoy enhanced quality with Premium</span>
</span>
</div>
<div class="ytUpsellViewModelHostUpsellSubtitleSection">
<div class="ytUpsellViewModelHostUpsellSubtitleSectionSubtitle">
<span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap" role="text">1-month trial for $0 • Then $16.99⁠/⁠month • Cancel anytime</span>
</div>
</div>
<div class="ytUpsellViewModelHostUpsellBenefitInfoSection">
<div class="ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo">
<yt-icon class="ytUpsellViewModelHostUpsellBenefitInfoSectionIcon">
<!--css-build:shady-->
<!--css-build:shady-->
<span class="yt-icon-shape style-scope yt-icon yt-spec-icon-shape">
<div style="width: 100%; height: 100%; display: block; fill: currentcolor;">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" focusable="false" aria-hidden="true" style="pointer-events: none; display: inherit; width: 100%; height: 100%;">
<path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM9.8 17.3l-4.2-4.1L7 11.8l2.8 2.7L17 7.4l1.4 1.4-8.6 8.5z"></path>
</svg>
</div>
</span>
</yt-icon>
<span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap" role="text">
<span class="" style="">Ad-free YouTube and YouTube Music</span>
</span>
</div>
<div class="ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo">
<yt-icon class="ytUpsellViewModelHostUpsellBenefitInfoSectionIcon">
<!--css-build:shady-->
<!--css-build:shady-->
<span class="yt-icon-shape style-scope yt-icon yt-spec-icon-shape">
<div style="width: 100%; height: 100%; display: block; fill: currentcolor;">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" focusable="false" aria-hidden="true" style="pointer-events: none; display: inherit; width: 100%; height: 100%;">
<path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM9.8 17.3l-4.2-4.1L7 11.8l2.8 2.7L17 7.4l1.4 1.4-8.6 8.5z"></path>
</svg>
</div>
</span>
</yt-icon>
<span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap" role="text">
<span class="" style="">Download videos to watch offline</span>
</span>
</div>
<div class="ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo">
<yt-icon class="ytUpsellViewModelHostUpsellBenefitInfoSectionIcon">
<!--css-build:shady-->
<!--css-build:shady-->
<span class="yt-icon-shape style-scope yt-icon yt-spec-icon-shape">
<div style="width: 100%; height: 100%; display: block; fill: currentcolor;">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" focusable="false" aria-hidden="true" style="pointer-events: none; display: inherit; width: 100%; height: 100%;">
<path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM9.8 17.3l-4.2-4.1L7 11.8l2.8 2.7L17 7.4l1.4 1.4-8.6 8.5z"></path>
</svg>
</div>
</span>
</yt-icon>
<span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap" role="text">
<span class="" style="">Play videos in the background</span>
</span>
</div>
</div>
<div class="ytUpsellViewModelHostUpsellLegalInfoSection"></div>
</upsell-view-model>
</span>
</div>
</div>
<div class="yt-spec-dialog-layout__dialog-layout-footer-container">
<span>
<yt-panel-footer-view-model class="yt-panel-footer-view-model-wiz yt-panel-footer-view-model-wiz--hide-divider yt-panel-footer-view-model-wiz--disable-padding">
<div class="yt-panel-footer-view-model-wiz__button-row">
<div class="yt-panel-footer-view-model-wiz__button-row--left-button yt-panel-footer-view-model-wiz__button-row--full-width">
<button-view-model class="yt-spec-button-view-model">
<button class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m" aria-disabled="false" aria-label="Not now" title="" style="">
<div class="yt-spec-button-shape-next__button-text-content">Not now</div>
<yt-touch-feedback-shape style="border-radius: inherit;">
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response" aria-hidden="true">
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
</div>
</yt-touch-feedback-shape>
</button>
</button-view-model>
</div>
<div class="yt-panel-footer-view-model-wiz__primary-button yt-panel-footer-view-model-wiz__button-row--full-width">
<button-view-model class="yt-spec-button-view-model">
<a class="yt-spec-button-shape-next yt-spec-button-shape-next--filled yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m" aria-disabled="false" aria-label="Try 1 month for A$0" title="" href="/premium?ybp=OgIIFEoNCAYSCXVubGltaXRlZJIBAggB" target="" force-new-state="true" style="">
<div class="yt-spec-button-shape-next__button-text-content">Try 1 month for A$0</div>
<yt-touch-feedback-shape style="border-radius: inherit;">
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response-inverse" aria-hidden="true">
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
</div>
</yt-touch-feedback-shape>
</a>
</button-view-model>
</div>
</div>
</yt-panel-footer-view-model>
</span>
</div>
</div>
</dialog-layout>
</yt-dialog-view-model>
</tp-yt-paper-dialog>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment