Video previews for interactive videos using a markup language

An interactive video generating method, comprising:

• displaying a first video scene from a Hypertext Markup Language (HTML)video;
• displaying a progress bar for the HTML video;
• receiving a user input that indicates a time instance value on the progress bar;
• identifying a video scene entry in a video timing map for a second video scene in the HTML video based on the time instance value, wherein the video timing map comprising a plurality of video scene entries, wherein:
• each video scene entry comprises:
• a video scene start timestamp that identifies a time on a progress bar when a video scene from the HTML video is scheduled to play;
• and
• a source scene identifier corresponding with the video scene from the HTML video;
• each video scene entry is linked with one or more animation entries;
• and
• each animation entry comprises:
• an animation start timestamp that identifies a time on the progress bar when an animation is scheduled to play;
• and
• an animation identifier corresponding with the animation;
• identifying a first source scene identifier for the second video scene that is associated with the identified video scene entry;
• identifying animation entries that are linked with the video scene entry in the video timing map;
• identifying a first animation entry from among the animation entries that are linked with the second video scene based on the time instance value;
• identifying a first animation identifier for a first animation that is associated with the first animation entry;
• identifying HTML code that is associated with the first source scene identifier and the first animation identifier;
• compiling the identified HTML code to render the second video scene;
• generating a scaled second video scene by reducing a size of the rendered second video scene to fit a preview frame;
• and
• displaying the scaled second video scene in the preview frame.

A computer program comprising executable instructions stored in a non-transitory computer readable medium that when executed by a processor causes the processor to:

• display a first video scene from a Hypertext Markup Language (HTML)video;
• display a progress bar for the HTML video;
• receive a user input that indicates a time instance value on the progress bar;
• identify a video scene entry in a video timing map for a second video scene in the HTML video based on the time instance value, wherein the video timing map comprising a plurality of video scene entries, wherein:
• each video scene entry comprises:
• a video scene start timestamp that identifies a time on a progress bar when a video scene from the HTML video is scheduled to play;
• and
• a source scene identifier corresponding with the video scene from the HTML video;
• each video scene entry is linked with one or more animation entries;
• and
• each animation entry comprises:
• an animation start timestamp that identifies a time on the progress bar when an animation is scheduled to play;
• and
• an animation identifier corresponding with the animation;
• identify a first source scene identifier for the second video scene that is associated with the identified video scene entry;
• identify animation entries that are linked with the video scene entry in the video timing map;
• identify a first animation entry from among the animation entries that are linked with the second video scene based on the time instance value;
• identify a first animation identifier for a first animation that is associated with the first animation entry;
• identify HTML code that is associated with the first source scene identifier and the first animation identifier;
• compile the identified HTML code to render the second video scene;
• generate a scaled second video scene by reducing a size of the rendered second video scene to fit a preview frame;
• and
• display the scaled second video scene in the preview frame.