Make your media player engaging and accessible
Create essential UX features for every upload
Meet expectations
Users have got used to YouTube and Netflix. They expect every player to support baseline UX features.
Essential accessibility
Ensure your media works for everyone, including those with disabilities or who can't turn sound on.
SEO benefits
Search engines love video, and they love it even more when you give them extra metadata.
Automate creation
Combine tracks and automations to create chapters, thumbnails, and subtitles for every upload.
Add subtitles, thumbnails, and chapters in minutes
Massively increase clickthrough and playback rates by adding a poster image to your videos. This also allows you to load the video on demand, rather than preloading it just to show the first frame.
const task = {
url: "https://your.domain/festivals/video.mp4",
kind: "image",
filename: "poster.jpg"
}
const response = await fetch('https://api.ittybit.com/tasks', {
method: 'POST',
headers: {'Authorization': `Bearer ${ITTYBIT_KEY}`},
body: JSON.stringify(task)
});<video poster="https://your.domain/festivals/poster.jpg" width="1920" height="1080" > <source src="https://your.domain/festivals/video.mp4" /> </video>
Add subtitles to your video and audio files to make them more accessible and to enable viewers to watch without the sound turned on.
const task = {
url: "https://your.domain/festivals/video.mp4",
kind: "subtitles",
language: "en",
}<video
poster="https://your.domain/festivals/poster.jpg"
width="1920" height="1080"
>
<source src="https://your.domain/festivals/video.mp4" />
<track kind="subtitles"
src="https://your.domain/festivals/subtitles.vtt" />
</video>Give your video viewers more context and allow them to skip to the parts they want to watch. Can also be used to link directly to the most relevant parts of the content or as the basis for creating clips.
const task = {
url: "https://your.domain/festivals/video.mp4",
kind: "chapters",
}<video
poster="https://your.domain/festivals/poster.jpg"
width="1920" height="1080"
>
<source src="https://your.domain/festivals/video.mp4" />
<track kind="subtitles"
src="https://your.domain/festivals/subtitles.vtt" />
<track kind="chapters"
src="https://your.domain/festivals/chapters.vtt" />
</video>Create a preview timeline that helps users preview videos without watching the whole thing, scrub to the section they're most interested in, and reliably pick up where they left off.
const task = {
url: "https://your.domain/festivals/video.mp4",
kind: "thumbnails",
}<video
poster="https://your.domain/festivals/poster.jpg"
width="1920" height="1080"
>
<source src="https://your.domain/festivals/video.mp4" />
<track kind="subtitles"
src="https://your.domain/festivals/subtitles.vtt" />
<track kind="chapters"
src="https://your.domain/festivals/chapters.vtt" />
<track kind="metadata"
src="https://your.domain/festivals/thumbnails.vtt" />
</video>Get started for free
10GB tasks. 100GB storage. 1TB delivery
Our PE lessons are used by 80,000 kids around the globe. Ittybit helps us serve HD video reliably and affordably to any region, and that means kids can train wherever they live.
Simon Brundish
Founder, Strength:Lab
