Size

YT

An homage to the modern, ubiquitous YouTube player. Recreated with web components, or at least as close as we could get.

By @heff

Customize theme

Pick theme colors

Primary

Secondary

Accent

Use theme

Pick your media type or player

Are we missing something? Tell us.

Pick your app framework

Are we missing something? Tell us.

Embed method

Choose Packaged for automatic minor version updates or Open to customize anything using HTML/CSS and Media Chrome.

Embed your player

Copy and paste the code below into a page in your project.

<script type="module" src="https://cdn.jsdelivr.net/npm/player.style/yt/+esm"></script>

<media-theme-yt
  style="--media-primary-color: #ffa8a8;"
>
  <video
    slot="media"
    src="https://stream.mux.com/fXNzVtmtWuyz00xnSrJg4OJH6PyNo6D02UzmgeKGkP5YQ/low.mp4"
    playsinline
    crossorigin
  ></video>
</media-theme-yt>

YT