Video Player*

SketchSystems.spec

Video Player*

  Play Video*
    preroll -> Ad
    no ad -> First Frame

  First Frame
    continue -> Video Playing
    
  Video Playing
    ad pod -> Pod
    
  Ad
    Pre-Roll
      end -> First Frame
    Pod
      end -> Video Playing

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}