Page 23 of 23
[heading size="h2" style="uk-module-title"]Audio[/heading]
To create an audio player, use the [audio] shortcode
[audio]
[source src="/images/demo/audio/sample.mp3" type="audio/mp3"][/source]
[source src="/images/demo/audio/sample.ogg" type="audio/ogg"][/source]
[/audio]
[line_break/]
[badge style="note"]markup[/badge]
[code]
[audio]
[source src="/images/demo/audio/sample.mp3" type="audio/mp3"]
[/source]
[source src="/images/demo/audio/sample.ogg" type="audio/ogg"]
[/source]
[/audio][/code]
[line_break/]
[heading size="h2" style="uk-module-title"]Video[/heading]
To create an video player, use the [video] shortcode
[video poster="/images/demo/video/poster.jpg"]
[source src="/images/demo/video/big_buck_bunny.mp4" type="video/mp4"][/source]
[source src="/images/demo/video/big_buck_bunny.webm" type="video/webm"][/source]
[/video]
[line_break/]
[badge style="note"]markup[/badge]
[code]
[video poster="/images/demo/video/poster.jpg"]
[source src="/images/demo/video/big_buck_bunny.mp4" type="video/mp4"]
[/source]
[source src="/images/demo/video/big_buck_bunny.webm" type="video/webm"]
[/source]
[/video][/code]
[line_break/]
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
[line_break/]
[badge style="note"]markup[/badge]
[code]
[youtube id="SkVqJ1SGeL0"]
[/youtube]
[vimeo id="149148896"]
[/vimeo][/code]