JSFiddle - React, Tailwind, and code Playground
by cstigler
HTML
<video class="fp-engine" style="background: #000; height: 360px; width: 640px;">
<source type="video/flash" src="mp4:videos/504804b8c1cb100200000006/512d006e906f1b365c000000.mp4">
<source type="video/mp4" src="http://s3.amazonaws.com/zaption/videos/504804b8c1cb100200000006/5123c79bb7a7870bd4000000.mp4"></source>
<source type="video/webm" src="http://s3.amazonaws.com/zaption/videos/504804b8c1cb100200000006/5123c79bb7a7870bd4000000.webm"></source>
</video>
<button type="button" onclick="$('video')[0].src = 'http://s3.amazonaws.com/zaption/videos/504804b8c1cb100200000006/5123c79bb7a7870bd4000000.mp4';">Video One</button>
<button type="button" onclick="$('video')[0].src = 'http://s3.amazonaws.com/zaption/videos/504804b8c1cb100200000006/512d006e906f1b365c000000.mp4';">Video Two</button>