Open daily: 7:30 am to 11:00 pm

Elements

If you can dream it, you can do it

Audio

To create an audio player, use the [audio] shortcode


markup
<div class="plyr">
  <audio controls="">
    <source src="images/demo/audio/sample.mp3" type="audio/mp3"> 
    <source src="images/demo/audio/sample.ogg" type="audio/ogg">
  </audio>
</div>

Video

To create an video player, use the [video] shortcode


markup
<div class="plyr">
  <video controls="" poster="images/demo/video/poster.jpg">
    <source src="images/demo/video/big_buck_bunny.mp4" type="video/mp4">
    <source src="images/demo/video/big_buck_bunny.webm" type="video/webm">
  </video>
</div>

You can also stream youtube or vimeo videos using the player, by using the following shortcodes, where the id is the video id on the respective channel

Youtube


markup
<div data-video-id="YE7VzlLtp-4" data-video-type="youtube"></div>

Vimeo


markup
<div data-video-id="1084537" data-video-type="vimeo"></div>
demo
css awards nominee

Choose style