Sandbox Jekyll documentation

Player

Learn how to use player in Sandbox.

HTML5 Video - plyr

<video poster="./assets/img/photos/movie.webp" class="player" playsinline controls preload="none">
  <source src="./assets/media/movie.mp4" type="video/mp4">
</video>

Vimeo - plyr

<div class="player" data-plyr-provider="vimeo" data-plyr-embed-id="15801179"></div>

YouTube - plyr

<div class="player" data-plyr-provider="youtube" data-plyr-embed-id="j_Y2Gwaj7Gs"></div>

Responsive Embed

<div class="ratio ratio-16x9">
  ANY EMBED CODE (IFRAME, EMBED, OBJECT from YOUTUBE, VIMEO ETC.)
</div>
<!--/.ratio -->