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
Sign in to join the conversation