diff --git a/src/lite-yt-embed.css b/src/lite-yt-embed.css
index 78eb545..c06c23b 100644
--- a/src/lite-yt-embed.css
+++ b/src/lite-yt-embed.css
@@ -43,6 +43,7 @@ lite-youtube > iframe {
/* play button */
lite-youtube > .lty-playbtn {
+ display: block;
width: 68px;
height: 48px;
position: absolute;
diff --git a/src/lite-yt-embed.js b/src/lite-yt-embed.js
index b79adc8..6a2a777 100644
--- a/src/lite-yt-embed.js
+++ b/src/lite-yt-embed.js
@@ -95,8 +95,9 @@ class LiteYTEmbed extends HTMLElement {
LiteYTEmbed.preconnected = true;
}
- addIframe() {
+ addIframe(e) {
if (this.classList.contains('lyt-activated')) return;
+ e.preventDefault();
this.classList.add('lyt-activated');
const params = new URLSearchParams(this.getAttribute('params') || []);
diff --git a/variants/pe.html b/variants/pe.html
index 138ede7..b571fe8 100644
--- a/variants/pe.html
+++ b/variants/pe.html
@@ -7,14 +7,14 @@
-progressively enhanced
+Progressively Enhanced
After 2 seconds, the JS is executed and custom element defined.
...
-
+