diff --git a/great_docs/assets/great-docs.scss b/great_docs/assets/great-docs.scss index eef8c1d..84a53f1 100644 --- a/great_docs/assets/great-docs.scss +++ b/great_docs/assets/great-docs.scss @@ -6270,55 +6270,6 @@ html[data-bs-theme="dark"] .quarto-video { border-color: rgba(255, 255, 255, 0.15); } -/* Placeholder that replaces a YouTube iframe until the user clicks */ -.gd-video-placeholder { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - cursor: pointer; - background: #000; - - &:focus-visible { - outline: 3px solid var(--bs-primary); - outline-offset: -3px; - } -} - -/* Thumbnail stretches to fill the ratio container */ -.gd-video-thumb { - display: block; - width: 100%; - height: 100%; - object-fit: cover; -} - -/* Centered play button overlay */ -.gd-video-play { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - transition: opacity 0.15s ease; - opacity: 0.9; - line-height: 0; - - .gd-video-placeholder:hover &, - .gd-video-placeholder:focus-visible & { - opacity: 1; - } - - .gd-play-bg { - transition: fill 0.15s ease; - } - - .gd-video-placeholder:hover & .gd-play-bg { - fill: #f00; - fill-opacity: 1; - } -} - /* ---- Keyboard Shortcuts Help Overlay ---- */ diff --git a/great_docs/assets/video-embed.js b/great_docs/assets/video-embed.js index a9620fb..2e8a0dd 100644 --- a/great_docs/assets/video-embed.js +++ b/great_docs/assets/video-embed.js @@ -2,110 +2,13 @@ * Video embedding enhancements for Great Docs * * Improves performance and UX for embedded videos: - * - YouTube: lightweight thumbnail placeholder with click-to-play - * (avoids loading heavy YouTube iframe until the user requests it) + * - YouTube: uses the standard YouTube embedded player with native controls * - Vimeo / other service iframes: IntersectionObserver lazy loading * - Local