Clickable Video Chapters. Vimeo Player API | SupeRails #211

10/11/2024
  • How Chapters work on Youtube
  • Dynamic Vimeo video embeds
  • Vimeo Player js - custom play button
  • button to go to timestamp
  • parse text to clickable chapters

In my app I embed videos with Vimeo.

I’ve just implemented Video timestamp/chapter navigation on videos embeded on SupeRails.

I was inspired by Chapters on Youtube.

0:00 How Chapters work on Youtube
1:19 Dynamic Vimeo video embeds
3:58 Vimeo Player js - custom play button
7:10 button to go to timestamp
8:44 parse text to clickable chapters

Episode source code: https://github.com/corsego/211-vimeo-player-js-text-2-chapters/commit/86dfc94c15486040985641aaa1ac807c27054b63
Blogpost: https://blog.corsego.com/vimeo-player-js-timeline-navigation
Vimeo Player JS: https://github.com/vimeo/player.js

0
Join the conversation
Sign in to access PRO lessons, access private repos, leave comments, create watch lists.
We collect your email address, name and username to create your account. We do not share your email address with anyone else.