Video player

A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo


HTML5 video player

<div class="player-wrapper overflow-hidden">
  <video class="player-html" controls crossorigin="anonymous" poster="assets/images/videos/poster.jpg">
    <source src="assets/images/videos/video-feed.mp4" type="video/mp4">
  </video>
</div>

HTML5 audio

<div class="bg-white rounded">
  <audio class="player-audio" crossorigin>
    <source src="assets/images/videos/audio.mp3" type="audio/mp3">
  </audio>
</div>

YouTube video player

<div class="player-wrapper rounded-3 overflow-hidden">
  <div class="player-youtube" >
    <iframe src="https://www.youtube.com/embed/tXHviS-4ygo"></iframe>
  </div>
</div>

Vimeo video player

<div class="player-wrapper rounded-3 overflow-hidden">
  <div class="player-vimeo" >
    <iframe src="https://player.vimeo.com/video/225888984?h=65630c41c6"></iframe>
  </div>
</div>