Generated by XState Viz: https://xstate.js.org/viz

machine.js

const videoMachine = Machine({
  id: 'videoMachine',
  initial: 'loading',
  states: {
    loading:{
      on: {
        LOADED: 'ready',
        FAIL: 'failure'
      }
    },
    ready:{
      initial: 'paused',
      states:{
        paused: {
          on: {
            PLAY: 'playing'
          }
        },
        playing: {
          on:{
            PAUSE: 'paused',
            END: 'ended',
            TIMING: 'playing'
          }
        },
        ended: {
          on: {
            PLAY: 'playing'
          }
        }
      }
    },
    failure: {
      type: 'final'
    }
  }
})