From 070a140684d53132540493b5b1c4a1fcdd77e8df Mon Sep 17 00:00:00 2001 From: Pardeep Gera Date: Sat, 18 Nov 2023 17:22:09 +0530 Subject: [PATCH] bug fixes for youtube video player --- blocks/embed/lite-yt-embed/lite-yt-embed.css | 6 ------ blocks/embed/lite-yt-embed/lite-yt-embed.js | 1 + 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/blocks/embed/lite-yt-embed/lite-yt-embed.css b/blocks/embed/lite-yt-embed/lite-yt-embed.css index 0a24ae76..ee39be5d 100644 --- a/blocks/embed/lite-yt-embed/lite-yt-embed.css +++ b/blocks/embed/lite-yt-embed/lite-yt-embed.css @@ -55,16 +55,10 @@ lite-youtube > .lty-playbtn { background-color: transparent; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,'); - filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: none; } -lite-youtube:hover > .lty-playbtn, -lite-youtube .lty-playbtn:focus { - filter: none; -} - /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; diff --git a/blocks/embed/lite-yt-embed/lite-yt-embed.js b/blocks/embed/lite-yt-embed/lite-yt-embed.js index 1e45a303..269ae677 100644 --- a/blocks/embed/lite-yt-embed/lite-yt-embed.js +++ b/blocks/embed/lite-yt-embed/lite-yt-embed.js @@ -36,6 +36,7 @@ class LiteYTEmbed extends HTMLElement { playBtnEl = document.createElement('button'); playBtnEl.type = 'button'; playBtnEl.classList.add('lty-playbtn'); + playBtnEl.setAttribute('title', this.playLabel); this.append(playBtnEl); } if (!playBtnEl.textContent) {