highlight.vtt

    WEBVTT

    WEBVTT header text.

    NOTE This is a single line comment

    NOTE
    This is a simple multi line comment

    NOTE
    One comment that is spanning
    more than one line.

    NOTE This is a multi-line note block.
    with arrow (-->) error,
    entity error (&ent),
    start tag error (<)
    and valid entity (&lt;)

    STYLE
    ::cue(.myclass) {
      background-image: linear-gradient(to bottom, dimgray, lightgray);
      color: papayawhip;
    }

    STYLE
    ::cue {
      /* unclosed

    00:01.000 --> 00:04.000
    Never drink liquid nitrogen.

    1 - Title Crawl
    00:05.000 --> 00:09.000 line:-10 position:45%,line-right size:60% align:start
    Because:
    - It will perforate your stomach.
    - You could die.

    2
    00:16.500 --> 00:18.500
    When the moon <00:17.500>hits your eye
    I like <v Salame>lime.</v>
    <lang en-GB>Cyan!</lang>
    <c.classname>Cyan!</c>

    NOTE nested tag

    00:00:08.000 --> 00:00:16.000
    bla &ent; <00:17.500> &err bla
    bla <b>bold <b> bla &ent; <00:17.500> &err
        <i>bold-italic <i> <b> bla &ent; <00:17.500> &err
        <u>bold-italic-underline <u> <i> <b> bla &ent; <00:17.500> &err
        </u>bold-italic
        </i>bold
        </b>bla
    bla <b>bold <b> bla &ent; <00:17.500> &err
        <u>bold-underline <u> <b> bla &ent; <00:17.500> &err
        <i>bold-underline-italic <i> <u> <b> bla &ent; <00:17.500> &err
        </i>bold-underline
        </u>bold
        </b>bla
    bla <i>italic <i> bla &ent; <00:17.500> &err
        <b>italic-bold <i> <b> bla &ent; <00:17.500> &err
        <u>italic-bold-underline <u> <i> <b> bla &ent; <00:17.500> &err
        </u>italic-bold
        </b>italic
        </i>bla
    bla <i>italic <i> bla &ent; <00:17.500> &err
        <u>italic-underline <u> <i> bla &ent; <00:17.500> &err
        <b>italic-underline-bold <u> <i> <b> bla &ent; <00:17.500> &err
        </b>italic-underline
        </u>italic
        </i>bla
    bla <u>underline <u> bla &ent; <00:17.500> &err
        <b>underline-bold <u> <b> bla &ent; <00:17.500> &err
        <i>underline-bold-italic <i> <u> <b> bla &ent; <00:17.500> &err
        </i>underline-bold
        </b>underline
        </u>bla
    bla <u>underline <u> bla &ent; <00:17.500> &err
        <i>underline-italic <u> <i> bla &ent; <00:17.500> &err
        <b>underline-italic-bold <u> <i> <b> bla &ent; <00:17.500> &err
        </b>underline-italic
        </i>underline
        </u>bla