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>