Media
Site Logo
<a href="section-templates.html" class="site-logo">
<img src="assets/knowbility-icons/knowbility-logo.svg" alt="Knowbility">
</a>
<div class="break"></div>
Copied!
Video Player
<video id="video1" preload="auto" width="480" height="360" poster="assets/knowbility-plugins/ableplayer/media/wwa.jpg" data-able-player>
<source type="video/webm" src="assets/knowbility-plugins/ableplayer/media/wwa.webm"/>
<source type="video/mp4" src="assets/knowbility-plugins/ableplayer/media/wwa.mp4"/>
<track kind="captions" src="assets/knowbility-plugins/ableplayer/media/wwa_captions_en.vtt"/>
</video>
<div class="break"></div>
Copied!
Audio Player
<audio id="audio1" width="480" class="ump-media" preload="auto" data-able-player data-lyrics-mode data-transcript-title="Sing along!">
<source type="audio/ogg" src="assets/knowbility-plugins/ableplayer/media/paulallen.ogg"/>
<source type="audio/mpeg" src="assets/knowbility-plugins/ableplayer/media/paulallen.mp3"/>
<track kind="captions" src="assets/knowbility-plugins/ableplayer/media/paulallen_en.vtt" srclang="en" label="English"/>
</audio>
<div class="break"></div>
Copied!