Fhenix Africa - Modern & Multipurpose Bootstrap 5 Template

HTML5 Video - plyr

View example's code

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

Vimeo - plyr

View example's code

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

YouTube - plyr

View example's code

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

Responsive Embed

View example's code

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

Media Player

HTML5 Video - plyr

Vimeo - plyr

YouTube - plyr

Responsive Embed

Think unique and be creative. Make a difference with Fhenix Africa.

Usage

Styleguide

Elements

Media Player

HTML5 Video - plyr

Vimeo - plyr

YouTube - plyr

Responsive Embed

Think unique and be creative. Make a difference with Fhenix Africa.