JSFiddle - React, Tailwind, and code Playground

by colder

HTML

<video autobuffer controls autoplay>
    <source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" />
    <track />
</video>

CoffeeScript

vtt = """
WEBVTT

00:00:01.000 --> 00:00:05.000
Something.

00:00:06.000 --> 00:00:10.000
Another.
"""
track = document.getElementsByTagName('track')[0]
data = "data:text/vtt,#{encodeURIComponent vtt}"
console.log 'Data URI:', data
track.src = data