simid-1.1.0.html

<!doctype html><html lang="en">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <title>Secure Interactive Media Interface Definition (SIMID) &lt;br>&lt;img alt="IAB Tech Lab" src="simid-1.1.0.images/IABTechLabLogo.jpg" ></title>
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<style data-fill-with="stylesheet">/******************************************************************************
 *                   Style sheet for the W3C specifications                   *
 *
 * Special classes handled by this style sheet include:
 *
 * Indices
 *   - .toc for the Table of Contents (<ol class="toc">)
 *     + <span class="secno"> for the section numbers
 *   - #toc for the Table of Contents (<nav id="toc">)
 *   - ul.index for Indices (<a href="#ref">term</a><span>, in §N.M</span>)
 *   - table.index for Index Tables (e.g. for properties or elements)
 *
 * Structural Markup
 *   - table.data for general data tables
 *     -> use 'scope' attribute, <colgroup>, <thead>, and <tbody> for best results !
 *     -> use <table class='complex data'> for extra-complex tables
 *     -> use <td class='long'> for paragraph-length cell content
 *     -> use <td class='pre'> when manual line breaks/indentation would help readability
 *   - dl.switch for switch statements
 *   - ol.algorithm for algorithms (helps to visualize nesting)
 *   - .figure and .caption (HTML4) and figure and figcaption (HTML5)
 *     -> .sidefigure for right-floated figures
 *   - ins/del
 *     -> ins/del.c### for candidate and proposed changes (amendments)
 *
 * Code
 *   - pre and code
 *
 * Special Sections
 *   - .note       for informative notes             (div, p, span, aside, details)
 *   - .example    for informative examples          (div, p, pre, span)
 *   - .issue      for issues                        (div, p, span)
 *   - .advisement for loud normative statements     (div, p, strong)
 *   - .annoying-warning for spec obsoletion notices (div, aside, details)
 *   - .correction for "candidate corrections"       (div, aside, details, section)
 *   - .addition   for "candidate additions"         (div, aside, details, section)
 *   - .correction.proposed for "proposed corrections" (div, aside, details, section)
 *   - .addition.proposed   for "proposed additions"   (div, aside, details, section)
 *
 * Definition Boxes
 *   - pre.def   for WebIDL definitions
 *   - table.def for tables that define other entities (e.g. CSS properties)
 *   - dl.def    for definition lists that define other entitles (e.g. HTML elements)
 *
 * Numbering
 *   - .secno for section numbers in .toc and headings (<span class='secno'>3.2</span>)
 *   - .marker for source-inserted example/figure/issue numbers (<span class='marker'>Issue 4</span>)
 *   - ::before styled for CSS-generated issue/example/figure numbers:
 *     -> Documents wishing to use this only need to add
 *        figcaption::before,
 *        .caption::before { content: "Figure "  counter(figure) " ";  }
 *        .example::before { content: "Example " counter(example) " "; }
 *        .issue::before   { content: "Issue "   counter(issue) " ";   }
 *
 * Header Stuff (ignore, just don't conflict with these classes)
 *   - .head for the header
 *   - .copyright for the copyright
 *
 * Outdated warning for old specs
 *
 * Miscellaneous
 *   - .overlarge for things that should be as wide as possible, even if
 *     that overflows the body text area. This can be used on an item or
 *     on its container, depending on the effect desired.
 *     Note that this styling basically doesn't help at all when printing,
 *     since A4 paper isn't much wider than the max-width here.
 *     It's better to design things to fit into a narrower measure if possible.
 *
 *   - js-added ToC jump links (see fixup.js)
 *
 ******************************************************************************/

/* color variables included separately for reliability */

/******************************************************************************/
/*                                    Body                                    */
/******************************************************************************/

  html {
  }

  body {
    counter-reset: example figure issue;

    /* Layout */
    max-width: 50em;        /* limit line length to 50em for readability   */
    margin: 0 auto;       /* center text within page                    */
    padding: 1.6em 1.5em 2em 50px; /* assume 16px font size for downlevel clients */
    padding: 1.6em 1.5em 2em calc(26px + 1.5em); /* leave space for status flag    */

    /* Typography */
    line-height: 1.5;
    font-family: sans-serif;
    widows: 2;
    orphans: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;

    color: black;
    color: var(--text);
    background: white top left fixed no-repeat;
    background: var(--bg) top left fixed no-repeat;
    background-size: 25px auto;
  }


/******************************************************************************/
/*                         Front Matter & Navigation                          */
/******************************************************************************/

/** Header ********************************************************************/

  div.head { margin-bottom: 1em; }
  div.head hr { border-style: solid; }

  div.head h1 {
    font-weight: bold;
    margin: 0 0 .1em;
    font-size: 220%;
  }

  div.head h2 { margin-bottom: 1.5em;}

/** W3C Logo ******************************************************************/

  .head .logo {
    float: right;
    margin: 0.4rem 0 0.2rem .4rem;
  }

  .head img[src*="logos/W3C"] {
    display: block;
    border: solid #1a5e9a;
    border: solid var(--logo-bg);
    border-width: .65rem .7rem .6rem;
    border-radius: .4rem;
    background: #1a5e9a;
    background: var(--logo-bg);
    color: white;
    color: var(--logo-text);
    font-weight: bold;
  }

  .head a:hover > img[src*="logos/W3C"],
  .head a:focus > img[src*="logos/W3C"] {
    opacity: .8;
  }

  .head a:active > img[src*="logos/W3C"] {
    background: #c00;
    background: var(--logo-active-bg);
    border-color: #c00;
    border-color: var(--logo-active-bg);
  }

  /* see also additional rules in Link Styling section */

/** Copyright *****************************************************************/

  p.copyright,
  p.copyright small { font-size: small; }

/** Back to Top / ToC Toggle **************************************************/

  @media print {
    #toc-nav {
      display: none;
    }
  }
  @media not print {
    #toc-nav {
      position: fixed;
      z-index: 3;
      bottom: 0; left: 0;
      margin: 0;
      min-width: 1.33em;
      border-top-right-radius: 2rem;
      box-shadow: 0 0 2px;
      font-size: 1.5em;
    }
    #toc-nav > a {
      display: block;
      white-space: nowrap;

      height: 1.33em;
      padding: .1em 0.3em;
      margin: 0;

      box-shadow: 0 0 2px;
      border: none;
      border-top-right-radius: 1.33em;

      color: #707070;
      color: var(--tocnav-normal-text);
      background: white;
      background: var(--tocnav-normal-bg);
    }
    #toc-nav > a:hover,
    #toc-nav > a:focus {
      color: black;
      color: var(--tocnav-hover-text);
      background: #f8f8f8;
      background: var(--tocnav-hover-bg);
    }
    #toc-nav > a:active {
      color: #c00;
      color: var(--tocnav-active-text);
      background: white;
      background: var(--tocnav-active-bg);
    }

    #toc-nav > #toc-jump {
      padding-bottom: 2em;
      margin-bottom: -1.9em;
    }

    /* statusbar gets in the way on keyboard focus; remove once browsers fix */
    #toc-nav > a[href="#toc"]:not(:hover):focus:last-child {
      padding-bottom: 1.5rem;
    }

    #toc-nav:not(:hover) > a:not(:focus) > span + span {
      /* Ideally this uses :focus-within on #toc-nav */
      display: none;
    }
    #toc-nav > a > span + span {
      padding-right: 0.2em;
    }
  }

/** ToC Sidebar ***************************************************************/

  /* Floating sidebar */
  @media screen {
    body.toc-sidebar #toc {
      position: fixed;
      top: 0; bottom: 0;
      left: 0;
      width: 23.5em;
      max-width: 80%;
      max-width: calc(100% - 2em - 26px);
      overflow: auto;
      padding: 0 1em;
      padding-left: 42px;
      padding-left: calc(1em + 26px);
      color: black;
      color: var(--tocsidebar-text);
      background: inherit;
      background-color: #f7f8f9;
      background-color: var(--tocsidebar-bg);
      z-index: 1;
      box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
      box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
    }
    body.toc-sidebar #toc h2 {
      margin-top: .8rem;
      font-variant: small-caps;
      font-variant: all-small-caps;
      text-transform: lowercase;
      font-weight: bold;
      color: gray;
      color: hsla(203,20%,40%,.7);
      color: var(--tocsidebar-heading-text);
    }
    body.toc-sidebar #toc-jump:not(:focus) {
      width: 0;
      height: 0;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
  }
  /* Hide main scroller when only the ToC is visible anyway */
  @media screen and (max-width: 28em) {
    body.toc-sidebar {
      overflow: hidden;
    }
  }

  /* Sidebar with its own space */
  @media screen and (min-width: 78em) {
    body:not(.toc-inline) #toc {
      position: fixed;
      top: 0; bottom: 0;
      left: 0;
      width: 23.5em;
      overflow: auto;
      padding: 0 1em;
      padding-left: 42px;
      padding-left: calc(1em + 26px);
      color: black;
      color: var(--tocsidebar-text);
      background: inherit;
      background-color: #f7f8f9;
      background-color: var(--tocsidebar-bg);
      z-index: 1;
      box-shadow: -.1em 0 .25em rgba(0,0,0,.1) inset;
      box-shadow: -.1em 0 .25em var(--tocsidebar-shadow) inset;
    }
    body:not(.toc-inline) #toc h2 {
      margin-top: .8rem;
      font-variant: small-caps;
      font-variant: all-small-caps;
      text-transform: lowercase;
      font-weight: bold;
      color: gray;
      color: hsla(203,20%,40%,.7);
      color: var(--tocsidebar-heading-text);
    }

    body:not(.toc-inline) {
      padding-left: 29em;
    }
    /* See also Overflow section at the bottom */

    body:not(.toc-inline) #toc-jump:not(:focus) {
      width: 0;
      height: 0;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
  }
  @media screen and (min-width: 90em) {
    body:not(.toc-inline) {
      margin: 0 4em;
    }
  }

/******************************************************************************/
/*                                Sectioning                                  */
/******************************************************************************/

/** Headings ******************************************************************/

  h1, h2, h3, h4, h5, h6, dt {
    page-break-after: avoid;
    page-break-inside: avoid;
    font: 100% sans-serif;   /* Reset all font styling to clear out UA styles */
    font-family: inherit; /* Inherit the font family. */
    line-height: 1.2;   /* Keep wrapped headings compact */
    hyphens: manual;    /* Hyphenated headings look weird */
  }

  h2, h3, h4, h5, h6 {
    margin-top: 3rem;
  }

  h1, h2, h3 {
    color: #005A9C;
    color: var(--heading-text);
  }

  h1 { font-size: 170%; }
  h2 { font-size: 140%; }
  h3 { font-size: 120%; }
  h4 { font-weight: bold; }
  h5 { font-style: italic; }
  h6 { font-variant: small-caps; }
  dt { font-weight: bold; }

/** Subheadings ***************************************************************/

  h1 + h2,
  #subtitle {
    /* #subtitle is a subtitle in an H2 under the H1 */
    margin-top: 0;
  }
  h2 + h3,
  h3 + h4,
  h4 + h5,
  h5 + h6 {
    margin-top: 1.2em; /* = 1 x line-height */
  }

/** Section divider ***********************************************************/

  :not(.head) > :not(.head) + hr {
    font-size: 1.5em;
    text-align: center;
    margin: 1em auto;
    height: auto;
    color: black;
    color: var(--hr-text);
    border: transparent solid 0;
    background: transparent;
  }
  :not(.head) > hr::before {
    content: "\2727\2003\2003\2727\2003\2003\2727";
  }

/******************************************************************************/
/*                            Paragraphs and Lists                            */
/******************************************************************************/

  p {
    margin: 1em 0;
  }

  dd > p:first-child,
  li > p:first-child {
    margin-top: 0;
  }

  ul, ol {
    margin-left: 0;
    padding-left: 2em;
  }

  li {
    margin: 0.25em 0 0.5em;
    padding: 0;
  }

  dl dd {
    margin: 0 0 .5em 2em;
  }

  .head dd + dd { /* compact for header */
    margin-top: -.5em;
  }

  /* Style for algorithms */
  ol.algorithm ol:not(.algorithm),
  .algorithm > ol ol:not(.algorithm) {
  border-left: 0.5em solid #DEF;
  border-left: 0.5em solid var(--algo-border);
  }

  /* Put nice boxes around each algorithm. */
  [data-algorithm]:not(.heading) {
   padding: .5em;
   border: thin solid #ddd;
   border: thin solid var(--algo-border);
   border-radius: .5em;
   margin: .5em calc(-0.5em - 1px);
  }
  [data-algorithm]:not(.heading) > :first-child {
   margin-top: 0;
  }
  [data-algorithm]:not(.heading) > :last-child {
   margin-bottom: 0;
  }

  /* Style for switch/case <dl>s */
  dl.switch > dd > ol.only,
  dl.switch > dd > .only > ol {
  margin-left: 0;
  }
  dl.switch > dd > ol.algorithm,
  dl.switch > dd > .algorithm > ol {
  margin-left: -2em;
  }
  dl.switch {
  padding-left: 2em;
  }
  dl.switch > dt {
  text-indent: -1.5em;
  margin-top: 1em;
  }
  dl.switch > dt + dt {
  margin-top: 0;
  }
  dl.switch > dt::before {
  content: '\21AA';
  padding: 0 0.5em 0 0;
  display: inline-block;
  width: 1em;
  text-align: right;
  line-height: 0.5em;
  }

/** Terminology Markup ********************************************************/


/******************************************************************************/
/*                                 Inline Markup                              */
/******************************************************************************/

/** Terminology Markup ********************************************************/
  dfn   { /* Defining instance */
    font-weight: bolder;
  }
  a > i { /* Instance of term */
    font-style: normal;
  }
  dt dfn code, code.idl {
    font-size: inherit;
  }
  dfn var {
    font-style: normal;
  }

/** Change Marking ************************************************************/

  del {
    color: #aa0000;
    color: var(--del-text);
    background: transparent;
    background: var(--del-bg);
    text-decoration: line-through;
  }
  ins {
    color: #006100;
    color: var(--ins-text);
    background: transparent;
    background: var(--ins-bg);
    text-decoration: underline;
  }

  /* for amendments (candidate/proposed changes) */

  .amendment ins, .correction ins, .addition ins,
  ins[class^=c] {
    text-decoration-style: dotted;
  }
  .amendment del, .correction del, .addition del,
  del[class^=c] {
    text-decoration-style: dotted;
  }
  .amendment.proposed ins, .correction.proposed ins, .addition.proposed ins,
  ins[class^=c].proposed {
    text-decoration-style: double;
  }
  .amendment.proposed del, .correction.proposed del, .addition.proposed del,
  del[class^=c].proposed {
    text-decoration-style: double;
  }

/** Miscellaneous improvements to inline formatting ***************************/

  sup {
    vertical-align: super;
    font-size: 80%
  }

/******************************************************************************/
/*                                    Code                                    */
/******************************************************************************/

/** General monospace/pre rules ***********************************************/

  pre, code, samp {
    font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
    font-size: .9em;
    hyphens: none;
    text-transform: none;
    text-align: left;
    text-align: start;
    font-variant: normal;
    orphans: 3;
    widows: 3;
    page-break-before: avoid;
  }
  pre code,
  code code {
    font-size: 100%;
  }

  pre {
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;
  }

/** Inline Code fragments *****************************************************/

  /* Do something nice. */

/******************************************************************************/
/*                                    Links                                   */
/******************************************************************************/

/** General Hyperlinks ********************************************************/

  /* We hyperlink a lot, so make it less intrusive */
  a[href] {
    color: #034575;
    color: var(--a-normal-text);
    text-decoration: none;
    border-bottom: 1px solid #707070;
    border-bottom: 1px solid var(--a-normal-underline);
    /* Need a bit of extending for it to look okay */
    padding: 0 1px 0;
    margin: 0 -1px 0;
  }
  a:visited {
    color: #034575;
    color: var(--a-visited-text);
    border-bottom-color: #bbb;
    border-bottom-color: var(--a-visited-underline);
  }

  /* Use distinguishing colors when user is interacting with the link */
  a[href]:focus,
  a[href]:hover {
    background: #f8f8f8;
    background: rgba(75%, 75%, 75%, .25);
    background: var(--a-hover-bg);
    border-bottom-width: 3px;
    margin-bottom: -2px;
  }
  a[href]:active {
    color: #c00;
    color: var(--a-active-text);
    border-color: #c00;
    border-color: var(--a-active-underline);
  }

  /* Backout above styling for W3C logo */
  .head .logo,
  .head .logo a {
    border: none;
    text-decoration: none;
    background: transparent;
  }

/******************************************************************************/
/*                                    Images                                  */
/******************************************************************************/

  img {
    border-style: none;
  }

  img, svg {
    /* Intentionally not color-scheme aware. */
    background: white;
  }

  /* For autogen numbers, add
    .caption::before, figcaption::before { content: "Figure " counter(figure) ". "; }
  */

  figure, .figure, .sidefigure {
    page-break-inside: avoid;
    text-align: center;
    margin: 2.5em 0;
  }
  .figure img,  .sidefigure img,  figure img,
  .figure object, .sidefigure object, figure object {
    max-width: 100%;
    margin: auto;
    height: auto;
  }
  .figure pre, .sidefigure pre, figure pre {
    text-align: left;
    display: table;
    margin: 1em auto;
  }
  .figure table, figure table {
    margin: auto;
  }
  @media screen and (min-width: 20em) {
    .sidefigure {
      float: right;
      width: 50%;
      margin: 0 0 0.5em 0.5em;
    }
  }
  .caption, figcaption, caption {
    font-style: italic;
    font-size: 90%;
  }
  .caption::before, figcaption::before, figcaption > .marker {
    font-weight: bold;
  }
  .caption, figcaption {
    counter-increment: figure;
  }

  /* DL list is indented 2em, but figure inside it is not */
  dd > .figure, dd > figure { margin-left: -2em; }

/******************************************************************************/
/*                             Colored Boxes                                  */
/******************************************************************************/

  .issue, .note, .example, .assertion, .advisement, blockquote,
  .amendment, .correction, .addition {
    margin: 1em auto;
    padding: .5em;
    border: .5em;
    border-left-style: solid;
    page-break-inside: avoid;
  }
  span.issue, span.note {
    padding: .1em .5em .15em;
    border-right-style: solid;
  }

  blockquote > :first-child,
  .note  > p:first-child,
  .issue > p:first-child,
  .amendment > p:first-child,
  .correction > p:first-child,
  .addition > p:first-child {
    margin-top: 0;
  }
  blockquote > :last-child,
  .note  > p:last-child,
  .issue > p:last-child,
  .amendment > p:last-child,
  .correction > p:last-child,
  .addition > p:last-child {
    margin-bottom: 0;
  }


  .issue::before, .issue > .marker,
  .example::before, .example > .marker,
  .note::before, .note > .marker,
  details.note > summary > .marker,
  .amendment::before, .amendment > .marker,
  details.amendment > summary > .marker,
  .addition::before, .addition > .marker,
  addition.amendment > summary > .marker,
  .correction::before, .correction > .marker,
  correction.amendment > summary > .marker
  {
    text-transform: uppercase;
    padding-right: 1em;
  }

  .example::before, .example > .marker {
    display: block;
    padding-right: 0em;
  }

/** Blockquotes ***************************************************************/

  blockquote {
    border-color: silver;
    border-color: var(--blockquote-border);
    background: transparent;
    background: var(--blockquote-bg);
    color: currentcolor;
    color: var(--blockquote-text);
  }

/** Open issue ****************************************************************/

  .issue {
    border-color: #e05252;
    border-color: var(--issue-border);
    background: #fbe9e9;
    background: var(--issue-bg);
    color: black;
    color: var(--issue-text);
    counter-increment: issue;
    overflow: auto;
  }
  .issue::before, .issue > .marker {
    color: #831616;
    color: var(--issueheading-text);
  }
  /* Add .issue::before { content: "Issue " counter(issue) " "; } for autogen numbers,
    or use class="marker" to mark up the issue number in source. */

/** Example *******************************************************************/

  .example {
    border-color: #e0cb52;
    border-color: var(--example-border);
    background: #fcfaee;
    background: var(--example-bg);
    color: black;
    color: var(--example-text);
    counter-increment: example;
    overflow: auto;
    clear: both;
  }
  .example::before, .example > .marker {
    color: #574b0f;
    color: var(--exampleheading-text);
  }
  /* Add .example::before { content: "Example " counter(example) " "; } for autogen numbers,
    or use class="marker" to mark up the example number in source. */

/** Non-normative Note ********************************************************/

  .note {
    border-color: #52e052;
    border-color: var(--note-border);
    background: #e9fbe9;
    background: var(--note-bg);
    color: black;
    color: var(--note-text);
    overflow: auto;
  }

  .note::before, .note > .marker,
  details.note > summary {
    color: hsl(120, 70%, 30%);
    color: var(--noteheading-text);
  }
  /* Add .note::before { content: "Note "; } for autogen label,
    or use class="marker" to mark up the label in source. */

  details.note[open] > summary {
    border-bottom: 1px silver solid;
    border-bottom: 1px var(--notesummary-underline) solid;
  }

/** Assertion Box *************************************************************/
  /*  for assertions in algorithms */

  .assertion {
    border-color: #AAA;
    border-color: var(--assertion-border);
    background: #EEE;
    background: var(--assertion-bg);
    color: black;
    color: var(--assertion-text);
  }

/** Advisement Box ************************************************************/
  /*  for attention-grabbing normative statements */

  .advisement {
    border-color: orange;
    border-color: var(--advisement-border);
    border-style: none solid;
    background: #fec;
    background: var(--advisement-bg);
    color: black;
    color: var(--advisement-text);
  }
  strong.advisement {
    display: block;
    text-align: center;
  }
  .advisement::before, .advisement > .marker {
    color: #b35f00;
    color: var(--advisementheading-text);
  }

/** Amendment Box *************************************************************/

  .amendment, .correction, .addition {
    border-color: #330099;
    border-color: var(--amendment-border);
    background: #F5F0FF;
    background: var(--amendment-bg);
    color: black;
    color: var(--amendment-text);
  }
  .amendment.proposed, .correction.proposed, .addition.proposed {
    border-style: solid;
    border-block-width: 0.25em;
  }
  .amendment::before, .amendment > .marker,
  details.amendment > summary::before, details.amendment > summary > .marker,
  .correction::before, .correction > .marker,
  details.correction > summary::before, details.correction > summary > .marker,
  .addition::before, .addition > .marker,
  details.addition > summary::before, details.addition > summary > .marker {
    color: #220066;
    color: var(--amendmentheading-text);
  }
  .amendment.proposed::before, .amendment.proposed > .marker,
  details.amendment.proposed > summary::before, details.amendment.proposed > summary > .marker,
  .correction.proposed::before, .correction.proposed > .marker,
  details.correction.proposed > summary::before, details.correction.proposed > summary > .marker,
  .addition.proposed::before, .addition.proposed > .marker,
  details.addition.proposed > summary::before, details.addition.proposed > summary > .marker {
    font-weight: bold;
  }

/** Spec Obsoletion Notice ****************************************************/
  /* obnoxious obsoletion notice for older/abandoned specs. */

  details {
    display: block;
  }
  summary {
    font-weight: bolder;
  }

  .annoying-warning:not(details),
  details.annoying-warning:not([open]) > summary,
  details.annoying-warning[open] {
    background: hsla(40,100%,50%,0.95);
    background: var(--warning-bg);
    color: black;
    color: var(--warning-text);
    padding: .75em 1em;
    border: red;
    border: var(--warning-border);
    border-style: solid none;
    box-shadow: 0 2px 8px black;
    text-align: center;
  }
  .annoying-warning :last-child {
    margin-bottom: 0;
  }

@media not print {
  details.annoying-warning[open] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 2em;
    z-index: 1000;
  }
}

  details.annoying-warning:not([open]) > summary {
    text-align: center;
  }

/** Entity Definition Boxes ***************************************************/

  .def {
    padding: .5em 1em;
    background: #def;
    background: var(--def-bg);
    margin: 1.2em 0;
    border-left: 0.5em solid #8ccbf2;
    border-left: 0.5em solid var(--def-border);
    color: black;
    color: var(--def-text);
  }

/******************************************************************************/
/*                                    Tables                                  */
/******************************************************************************/

  th, td {
    text-align: left;
    text-align: start;
  }

/** Property/Descriptor Definition Tables *************************************/

  table.def {
    /* inherits .def box styling, see above */
    width: 100%;
    border-spacing: 0;
  }

  table.def td,
  table.def th {
    padding: 0.5em;
    vertical-align: baseline;
    border-bottom: 1px solid #bbd7e9;
    border-bottom: 1px solid var(--defrow-border);
  }

  table.def > tbody > tr:last-child th,
  table.def > tbody > tr:last-child td {
    border-bottom: 0;
  }

  table.def th {
    font-style: italic;
    font-weight: normal;
    padding-left: 1em;
    width: 3em;
  }

  /* For when values are extra-complex and need formatting for readability */
  table td.pre {
    white-space: pre-wrap;
  }

  /* A footnote at the bottom of a def table */
  table.def td.footnote {
    padding-top: 0.6em;
  }
  table.def td.footnote::before {
    content: " ";
    display: block;
    height: 0.6em;
    width: 4em;
    border-top: thin solid;
  }

/** Data tables (and properly marked-up index tables) *************************/
  /*
    <table class="data"> highlights structural relationships in a table
    when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)

    Use class="complex data" for particularly complicated tables --
    (This will draw more lines: busier, but clearer.)

    Use class="long" on table cells with paragraph-like contents
    (This will adjust text alignment accordingly.)
    Alternately use class="longlastcol" on tables, to have the last column assume "long".
  */

  table {
    word-wrap: normal;
    overflow-wrap: normal;
    hyphens: manual;
  }

  table.data,
  table.index {
    margin: 1em auto;
    border-collapse: collapse;
    border: hidden;
    width: 100%;
  }
  table.data caption,
  table.index caption {
    max-width: 50em;
    margin: 0 auto 1em;
  }

  table.data td,  table.data th,
  table.index td, table.index th {
    padding: 0.5em 1em;
    border-width: 1px;
    border-color: silver;
    border-color: var(--datacell-border);
    border-top-style: solid;
  }

  table.data thead td:empty {
    padding: 0;
    border: 0;
  }

  table.data  thead,
  table.index thead,
  table.data  tbody,
  table.index tbody {
    border-bottom: 2px solid;
  }

  table.data colgroup,
  table.index colgroup {
    border-left: 2px solid;
  }

  table.data  tbody th:first-child,
  table.index tbody th:first-child  {
    border-right: 2px solid;
    border-top: 1px solid silver;
    border-top: 1px solid var(--datacell-border);
    padding-right: 1em;
  }

  table.data th[colspan],
  table.data td[colspan] {
    text-align: center;
  }

  table.complex.data th,
  table.complex.data td {
    border: 1px solid silver;
    border: 1px solid var(--datacell-border);
    text-align: center;
  }

  table.data.longlastcol td:last-child,
  table.data td.long {
    vertical-align: baseline;
    text-align: left;
  }

  table.data img {
    vertical-align: middle;
  }


/*
Alternate table alignment rules

  table.data,
  table.index {
    text-align: center;
  }

  table.data  thead th[scope="row"],
  table.index thead th[scope="row"] {
    text-align: right;
  }

  table.data  tbody th:first-child,
  table.index tbody th:first-child  {
    text-align: right;
  }

Possible extra rowspan handling

  table.data  tbody th[rowspan]:not([rowspan='1']),
  table.index tbody th[rowspan]:not([rowspan='1']),
  table.data  tbody td[rowspan]:not([rowspan='1']),
  table.index tbody td[rowspan]:not([rowspan='1']) {
    border-left: 1px solid silver;
  }

  table.data  tbody th[rowspan]:first-child,
  table.index tbody th[rowspan]:first-child,
  table.data  tbody td[rowspan]:first-child,
  table.index tbody td[rowspan]:first-child{
    border-left: 0;
    border-right: 1px solid silver;
  }
*/

/******************************************************************************/
/*                                  Indices                                   */
/******************************************************************************/


/** Table of Contents *********************************************************/

  .toc a {
    /* More spacing; use padding to make it part of the click target. */
    padding-top: 0.1rem;
    /* Larger, more consistently-sized click target */
    display: block;
    /* Reverse color scheme */
    color: black;
    color: var(--toclink-text);
    border-color: #3980b5;
    border-color: var(--toclink-underline);
  }
  .toc a:visited {
    color: black;
    color: var(--toclink-visited-text);
    border-color: #054572;
    border-color: var(--toclink-visited-underline);
  }
  .toc a:not(:focus):not(:hover) {
    /* Allow colors to cascade through from link styling */
    border-bottom-color: transparent;
  }

  .toc, .toc ol, .toc ul, .toc li {
    list-style: none; /* Numbers must be inlined into source */
    /* because generated content isn't search/selectable and markers can't do multilevel yet */
    margin:  0;
    padding: 0;
  }
  .toc {
    line-height: 1.1em;
  }

  /* ToC not indented until third level, but font style & margins show hierarchy */
  .toc > li     { font-weight: bold;   }
  .toc > li li     { font-weight: normal; }
  .toc > li li li   { font-size:   95%; }
  .toc > li li li li  { font-size:   90%; }
  .toc > li li li li li { font-size:   85%; }

  /* @supports not (display:grid) { */
    .toc > li     { margin: 1.5rem 0; }
    .toc > li li     { margin: 0.3rem 0;  }
    .toc > li li li   { margin-left: 2rem;   }

    /* Section numbers in a column of their own */
    .toc .secno {
      float: left;
      width: 4rem;
      white-space: nowrap;
    }
    .toc > li li li li .secno { font-size: 85%; }
    .toc > li li li li li .secno { font-size: 100%; }

    .toc li {
      clear: both;
    }

    :not(li) > .toc      { margin-left:  5rem; }
    .toc .secno        { margin-left: -5rem; }
    .toc > li li li .secno    { margin-left: -7rem; }
    .toc > li li li li .secno { margin-left: -9rem; }
    .toc > li li li li li .secno { margin-left: -11rem; }

    /* Tighten up indentation in narrow ToCs */
    @media (max-width: 30em) {
      :not(li) > .toc      { margin-left:  4rem; }
      .toc .secno        { margin-left: -4rem; }
      .toc > li li li      { margin-left:  1rem; }
      .toc > li li li .secno    { margin-left: -5rem; }
      .toc > li li li li .secno { margin-left: -6rem; }
      .toc > li li li li li .secno { margin-left: -7rem; }
    }
    /* Loosen it on wide screens */
    @media screen and (min-width: 78em) {
      body:not(.toc-inline) :not(li) > .toc      { margin-left:  4rem; }
      body:not(.toc-inline) .toc .secno        { margin-left: -4rem; }
      body:not(.toc-inline) .toc > li li li      { margin-left:  1rem; }
      body:not(.toc-inline) .toc > li li li .secno    { margin-left: -5rem; }
      body:not(.toc-inline) .toc > li li li li .secno { margin-left: -6rem; }
      body:not(.toc-inline) .toc > li li li li li .secno { margin-left: -7rem; }
  }
  /* } */

  @supports (display:grid) and (display:contents) {
    /* Use #toc over .toc to override non-@supports rules. */
    #toc {
      display: grid;
      align-content: start;
      grid-template-columns: auto 1fr;
      grid-column-gap: 1rem;
      column-gap: 1rem;
      grid-row-gap: .6rem;
      row-gap: .6rem;
    }
    #toc h2 {
      grid-column: 1 / -1;
      margin-bottom: 0;
    }
    #toc ol,
    #toc li,
    #toc a {
      display: contents;
      /* Switch <a> to subgrid when supported */
    }
    #toc span {
      margin: 0;
    }
    #toc > .toc > li > a > span {
      /* The spans of the top-level list,
        comprising the first items of each top-level section. */
      margin-top: 1.1rem;
    }
    #toc#toc .secno { /* Ugh, need more specificity to override base.css */
      grid-column: 1;
      width: auto;
      margin-left: 0;
    }
    #toc .content {
      grid-column: 2;
      width: auto;
      margin-right: 1rem;
    }
    #toc .content:hover,
    #toc .content:focus {
      background: rgba(75%, 75%, 75%, .25);
      background: var(--a-hover-bg);
      border-bottom: 3px solid #054572;
      border-bottom: 3px solid var(--toclink-underline);
      margin-bottom: -3px;
    }
    #toc li li li .content {
      margin-left: 1rem;
    }
    #toc li li li li .content {
      margin-left: 2rem;
    }
  }


/** Index *********************************************************************/

  /* Index Lists: Layout */
  ul.index    { margin-left: 0; columns: 15em; text-indent: 1em hanging; }
  ul.index li { margin-left: 0; list-style: none; break-inside: avoid; }
  ul.index li li { margin-left: 1em; }
  ul.index dl { margin-top: 0; }
  ul.index dt { margin: .2em 0 .2em 20px;}
  ul.index dd { margin: .2em 0 .2em 40px;}
  /* Index Lists: Typography */
  ul.index ul,
  ul.index dl { font-size: smaller; }
  @media not print {
    ul.index li span:not(.dfn-paneled) {
      white-space: nowrap;
      color: transparent; }
    ul.index li a:hover + span,
    ul.index li a:focus + span {
      color: #707070;
      color: var(--indexinfo-text);
    }
  }

/** Index Tables *****************************************************/
  /* See also the data table styling section, which this effectively subclasses */

  table.index {
    font-size: small;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 1em 0;
  }

  table.index td,
  table.index th {
    padding: 0.4em;
  }

  table.index tr:hover td:not([rowspan]),
  table.index tr:hover th:not([rowspan]) {
    color: black;
    color: var(--indextable-hover-text);
    background: #f7f8f9;
    background: var(--indextable-hover-bg);
  }

  /* The link in the first column in the property table (formerly a TD) */
  table.index th:first-child a {
    font-weight: bold;
  }

/** Outdated warning **********************************************************/

.outdated-spec {
  color: black;
  color: var(--outdatedspec-text);
  background-color: rgba(0,0,0,0.5);
  background-color: var(--outdatedspec-bg);
}

.outdated-warning {
  position: fixed;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50%;
  background: maroon;
  background: var(--outdated-bg);
  color: white;
  color: var(--outdated-text);
  border-radius: 1em;
  box-shadow: 0 0 1em red;
  box-shadow: 0 0 1em var(--outdated-shadow);
  padding: 2em;
  text-align: center;
  z-index: 2;
}

.outdated-warning a {
  color: currentcolor;
  background: transparent;
}

.edited-rec-warning {
  background: darkorange;
  background: var(--editedrec-bg);
  box-shadow: 0 0 1em;
}

.outdated-warning button {
  color: var(--outdated-text);
  border-radius: 1em;
  box-shadow: 0 0 1em red;
  box-shadow: 0 0 1em var(--outdated-shadow);
  padding: 2em;
  text-align: center;
  z-index: 2;
}

.outdated-warning a {
  color: currentcolor;
  background: transparent;
}

.edited-rec-warning {
  background: darkorange;
  background: var(--editedrec-bg);
  box-shadow: 0 0 1em;
}

.outdated-warning button {
  position: absolute;
  top: 0;
  right:0;
  margin: 0;
  border: 0;
  padding: 0.25em 0.5em;
  background: transparent;
  color: white;
  color: var(--outdated-text);
  font:1em sans-serif;
  text-align:center;
}

.outdated-warning span {
  display: block;
}

.outdated-collapsed {
  bottom: 0;
  border-radius: 0;
  width: 100%;
  padding: 0;
}

/******************************************************************************/
/*                                    Print                                   */
/******************************************************************************/

  @media print {
    /* Pages have their own margins. */
    html {
      margin: 0;
    }
    /* Serif for print. */
    body {
      font-family: serif;
    }

    .outdated-warning {
      position: absolute;
      border-style: solid;
      border-color: red;
    }

    .outdated-warning input {
      display: none;
    }
  }
  @page {
    margin: 1.5cm 1.1cm;
  }


/******************************************************************************/
/*                             Overflow Control                               */
/******************************************************************************/

  .figure .caption, .sidefigure .caption, figcaption {
    /* in case figure is overlarge, limit caption to 50em */
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
  .overlarge {
    /* Magic to create good item positioning:
      "content column" is 50ems wide at max; less on smaller screens.
      Extra space (after ToC + content) is empty on the right.

      1. When item < content column, centers item in column.
      2. When content < item < available, left-aligns.
      3. When item > available, fills available + scroll bar.
    */
    display: grid;
    grid-template-columns: minmax(0, 50em);
  }
  .overlarge > table {
    /* limit preferred width of table */
    max-width: 50em;
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 55em) {
    .overlarge {
      margin-right: calc(13px + 26.5rem - 50vw);
      max-width: none;
    }
  }
  @media screen and (min-width: 78em) {
    body:not(.toc-inline) .overlarge {
      /* 30.5em body padding 50em content area */
      margin-right: calc(40em - 50vw) !important;
    }
  }
  @media screen and (min-width: 90em) {
    body:not(.toc-inline) .overlarge {
      /* 4em html margin 30.5em body padding 50em content area */
      margin-right: calc(84.5em - 100vw) !important;
    }
  }

  @media not print {
    .overlarge {
      overflow-x: auto;
      /* See Lea Verou's explanation background-attachment:
      * http://lea.verou.me/2012/04/background-attachment-local/
      *
      background: top left  / 4em 100% linear-gradient(to right,  #ffffff, rgba(255, 255, 255, 0)) local,
            top right / 4em 100% linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) local,
            top left  / 1em 100% linear-gradient(to right,  #c3c3c5, rgba(195, 195, 197, 0)) scroll,
            top right / 1em 100% linear-gradient(to left, #c3c3c5, rgba(195, 195, 197, 0)) scroll,
            white;
      background-repeat: no-repeat;
      */
    }
  }
</style>
  <meta content="Bikeshed version ef9d3c0a, updated Fri Nov 13 17:14:48 2020 -0800" name="generator">
  <link href="https://interactiveadvertisingbureau.github.io/SIMID/" rel="canonical">
<style>

  body {
    counter-reset: diagram;
    counter-reset: table-num;
  }

  table.alternatecolor {
    border-collapse: collapse;
    width: 100%;
  }
  
  table.alternatecolor th, td {
    border: solid #CCCCCC;
      padding: 5px;
    vertical-align: top;
    border-width: 0 1px 0 1px;
    }

  table.alternatecolor th{
    border-color: #000;
    background-color: #000;
    color:#FFFFFF;
  }
  
  table.alternatecolor tr:nth-child(odd) td {
    background-color: #EFEFEF; 
  }
  
  table.alternatecolor tr:nth-child(even) td {
    background-color: #FFF;
  }
  
  table.alternatecolor tr:last-child td, td.last-row {
    border-bottom-width: 1px;
  }
  
  table.two-col-split td:nth-child(3n+0){
    background: #FFF !important;
    border: 0;
  }
  table.two-col-split th:nth-child(3n+0){
    background: #FFF !important;
    border: 0;
  }
  table.two-col-split td:nth-child(3n+2){
    text-align: center;
  }
  table.two-col-split th:nth-child(3n+2){
    text-align: center;
  }
  
  table.two-col-split td:nth-child(3n+2):before{
    content: "\2716";
    color: #008000;
    
  }
  
  table.alternatecolor td.empty {
    display:none;
  }
  
  td[req]:before {
    content: "\2714" !important;
    color: #D20000 !important;
  }

  p[table-header]{
    counter-increment: table-num;
    font-weight: 700;

  }

  p[table-header]:before{
    content: "Table " counter(table-num) ". ";
    font-style: italic;
  }

  ul.footnote {
    list-style-type: none;  
    font-size: 0.9em;
    margin: 0;
  }

  ul.footnote li:before{
    width: 1em !important;
    margin-left: -1em;
    display: inline-block;
  }

  ul.footnote li:nth-child(1):before {
    content:'*';
  }
  ul.footnote li:nth-child(2):before {
    content:'†';
  }
  ul.footnote li:nth-child(3):before {
    content:'‡';
  }
  ul.footnote li:nth-child(4):before {
    content:'§';
  }
  ul.footnote li:nth-child(5):before {
    content:'◊';
  }
  ul.footnote li:nth-child(6):before {
    content:'¶';
  }
  
  ul.values-list{
    margin: 0;
    list-style-type: none;
  }
  
  ul.values-list > li:nth-child(odd){
    background: #FFF;
  }
  
  ul.values-list code{
    margin: 0 1em 0 1em;
  }
  
  ul.values-list li{
    margin: 0;
  }
  
  table.messages-summary td code:before{
    content: "\2023" !important;
    margin-right: 0.5em;
  }
  
  table.messages-summary td:nth-child(1) code:before{
    content: "" !important;
    margin-right: 0;
  }

  table.messages-summary td a{
    font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
    font-size: 0.9em;
  }
  
  pre.idl{
    margin-bottom: 0 !important;
    border-width: 8px !important;
  }
  
  dl.idl{
    margin-top: 0 !important;
    border-width: 8px !important;
  }
  ul[collapse], ol[collapse]{
    margin: 0;
  }

  p[warning]{
    border-color: rgb(243, 87, 87);
      background-color: rgb(245, 230, 230);
  }
  
  ul[collapse] li {
    margin-top: 0;
    line-height: 1.5em;
  }
  ol[collapse] li {
    margin-top: 0;
    line-height: 1.5em;
  }
  
  ol[alpha]{
    list-style-type: lower-alpha;
  }

  
  div[diagram]{
    counter-increment: diagram;
    position: relative;
    border: 1px solid silver;
    border-radius: 7px;
    padding: 10px;
    margin: 10px 0 10px 0;
    overflow: hidden;
  }

  div[diagram] p:first-child::before{
    content: "Diagram " counter(diagram) ". ";
    margin-left: 10px;
  }

  div[diagram] > p:first-child{
    font-weight: 600;
    font-style:italic;
    
    padding-left: 28px;
    margin: 0 0 20px 0;
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position-y: 2px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzYgMjYiPg0KCTxwYXRoIGZpbGw9IiM1ODU5NWIiIGQ9Ik0yNCwxMGMwLDAuNTUyLTAuNDQ4LDEtMSwxSDEzYy0wLjU1MiwwLTEtMC40NDgtMS0xVjRjMC0wLjU1MiwwLjQ0OC0xLDEtMWgxMGMwLjU1MiwwLDEsMC40NDgsMSwxVjEweiIvPg0KCTxwYXRoIGZpbGw9IiM1ODU5NWIiIGQ9Ik0xMSwyMmMwLDAuNTUyLTAuNDQ4LDEtMSwxSDRjLTAuNTUyLDAtMS0wLjQ0OC0xLTF2LTRjMC0wLjU1MiwwLjQ0OC0xLDEtMWg2YzAuNTUyLDAsMSwwLjQ0OCwxLDFWMjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzU4NTk1YiIgZD0iTTIyLDIyYzAsMC41NTItMC40NDgsMS0xLDFoLTZjLTAuNTUyLDAtMS0wLjQ0OC0xLTF2LTRjMC0wLjU1MiwwLjQ0OC0xLDEtMWg2YzAuNTUyLDAsMSwwLjQ0OCwxLDFWMjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzU4NTk1YiIgZD0iTTMzLDIyYzAsMC41NTItMC40NDgsMS0xLDFoLTZjLTAuNTUyLDAtMS0wLjQ0OC0xLTF2LTRjMC0wLjU1MiwwLjQ0OC0xLDEtMWg2YzAuNTUyLDAsMSwwLjQ0OCwxLDFWMjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzU4NTk1YiIgZD0iTTI5LDEzSDE5VjloLTJ2NEg3Yy0wLjU1MiwwLTEsMC40NDgtMSwxdjZoMnYtNWg5djRoMnYtNGg5djVoMnYtNkMzMCwxMy40NDgsMjkuNTUyLDEzLDI5LDEzeiIvPg0KCTxwYXRoIGZpbGw9IiM1ODU5NWIiIGQ9Ik0zNiwyYzAtMS4xMDQtMC44OTYtMi0yLTJIMkMwLjg5NiwwLDAsMC44OTYsMCwydjIyYzAsMS4xMDQsMC44OTYsMiwyLDJoMzJjMS4xMDQsMCwyLTAuODk2LDItMlYyeiBNMzUsMjQNCgkJYzAsMC41NTItMC40NDgsMS0xLDFIMmMtMC41NTIsMC0xLTAuNDQ4LTEtMVYyYzAtMC41NTIsMC40NDgtMSwxLTFoMzJjMC41NTIsMCwxLDAuNDQ4LDEsMVYyNHoiLz4NCjwvc3ZnPg0K');
  }

  ol[dgrm-details]{
    counter-reset: dgrm-sequence;
    list-style: none;
    border: 0px dotted silver;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    background-size: 1.5em;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-image-x: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzU4NTk1YiIgZD0iTTM2LDMzYzAsMS42NTctMS4zNDMsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMzBjMS42NTcsMCwzLDEuMzQzLDMsM1YzM3oiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjE4IiBjeT0iMTgiIHI9IjE1Ii8+DQo8Y2lyY2xlIGZpbGw9IiM1ODU5NWIiIGN4PSIxOCIgY3k9IjE4IiByPSIxMSIvPg0KPHJlY3QgeD0iMTIiIHk9IjEyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIi8+DQo8cmVjdCB4PSIxNi41IiB5PSIxMiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMyIvPg0KPHJlY3QgeD0iMjEiIHk9IjEyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIi8+DQo8cmVjdCB4PSIxMiIgeT0iMTYuNSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMyIvPg0KPHJlY3QgeD0iMTYuNSIgeT0iMTYuNSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMyIvPg0KPHJlY3QgeD0iMjEiIHk9IjE2LjUiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz4NCjxyZWN0IHg9IjEyIiB5PSIyMSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMyIvPg0KPHJlY3QgeD0iMTYuNSIgeT0iMjEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz4NCjxyZWN0IHg9IjIxIiB5PSIyMSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMyIvPg0KPC9zdmc+DQo=')
  }

  ol[dgrm-details]{
    counter-reset: dgrm-sequence;
    list-style: none;
    padding-left: 40px;
    border: 0px dotted silver;
    border-radius: 5px;
    background-size: 1.5em;
    background-position: 10px 10px;
    background-repeat: no-repeat;
  }

  ol[dgrm-details] ol{
    padding-left: 40px;
  }

  ol[dgrm-details] li{
    position: relative;
  }

 ol[dgrm-details] li::before{
    position: absolute;
    --fontsize: 0.75em;
    font-size: var(--fontsize);
    background-color: #5b5b5b;
    color: #FFF;
    border-radius: 3px;
    left: -26px;
    --side: 1.6em;
    width: var(--side);
    height: var(--side);
    text-align: center;
    padding-top: 0.13em;
  }

  ol[dgrm-details-x] li::before{
    position: absolute;
    font-size: 0.75em;
    background-color: #5b5b5b;
    color: #FFF;
    padding: 4px 6px;
    border-radius: 3px;
    left: -40px;
  }

  ol[dgrm-details] > li::before{
    counter-increment: dgrm-sequence;
    content: "" counter(dgrm-sequence) "";
  }
  
  ol[dgrm-details] > li > ol{
    list-style: none;
    counter-reset: dgrm-sequence-level-2;
  }

  ol[dgrm-details] > li > ol > li::before{
    display: block;
    width: calc(var(--side) * 1.5);
    left:-40px;
    counter-increment: dgrm-sequence-level-2;
    content: "" counter(dgrm-sequence) "." counter(dgrm-sequence-level-2) "";
  }

  ol[dgrm-details] > li > ol > li > ol{
    list-style: none;
    counter-reset: dgrm-sequence-level-3;
  }

  ol[dgrm-details] > li > ol > li > ol > li::before{
    display: block;
    counter-increment: dgrm-sequence-level-3;
    width: calc(var(--side) * 2);
    left:-46px;
    content: "" counter(dgrm-sequence) "." counter(dgrm-sequence-level-2) "." counter(dgrm-sequence-level-3) "";
  }

  span[steps]:before{
    content:"steps ";
  }
  span[steps] b{
    font-size: 0.75em;
    margin-right: 0.5em;
    background-color: #5b5b5b;
    color: #FFF;
    padding: 2px 6px;
    border-radius: 3px;
  }

  span[step]:before{
    content:"step ";
  }
  span[step] b{
    font-size: 0.75em;
    margin-right: 0.5em;
    background-color: #5b5b5b;
    color: #FFF;
    padding: 2px 6px;
    border-radius: 3px;
  }

  [skip-ad]{
    background-color: #5b5b5b;
    color: #FFFFFF;
    border: 1px solid #5b5b5b;
    border-radius: 2px;
    outline: none;
    padding: 4px 6px;
  }

  [skip-ad]::after{
    content: "\25BA""|";
    font-weight: 700;
    letter-spacing: -3px;
    margin-left: 4px;
  }

  #xml-highlight{

  }
  .xml-highlight .hnode{
    color: #008000; 
    font-weight: bold;
  }

  .xml-highlight .hattr{
    color: #7D9029; 
  }

  .xml-highlight .hattrval{
    color: #BA2121;
  }

  .xml-highlight .hcdata{
    color: #BC7A00; 
  }

  .js-highlight {

  }

  .js-highlight .hstr{
    color: #BA2121;
  }

  .js-highlight .hnum{
    color: #008c00;
  }

  .js-highlight .hbool{
    color: #00ff00;
  }

</style>
<style>/* style-autolinks */

.css.css, .property.property, .descriptor.descriptor {
    color: var(--a-normal-text);
    font-size: inherit;
    font-family: inherit;
}
.css::before, .property::before, .descriptor::before {
    content: "‘";
}
.css::after, .property::after, .descriptor::after {
    content: "’";
}
.property, .descriptor {
    /* Don't wrap property and descriptor names */
    white-space: nowrap;
}
.type { /* CSS value <type> */
    font-style: italic;
}
pre .property::before, pre .property::after {
    content: "";
}
[data-link-type="property"]::before,
[data-link-type="propdesc"]::before,
[data-link-type="descriptor"]::before,
[data-link-type="value"]::before,
[data-link-type="function"]::before,
[data-link-type="at-rule"]::before,
[data-link-type="selector"]::before,
[data-link-type="maybe"]::before {
    content: "‘";
}
[data-link-type="property"]::after,
[data-link-type="propdesc"]::after,
[data-link-type="descriptor"]::after,
[data-link-type="value"]::after,
[data-link-type="function"]::after,
[data-link-type="at-rule"]::after,
[data-link-type="selector"]::after,
[data-link-type="maybe"]::after {
    content: "’";
}

[data-link-type].production::before,
[data-link-type].production::after,
.prod [data-link-type]::before,
.prod [data-link-type]::after {
    content: "";
}

[data-link-type=element],
[data-link-type=element-attr] {
    font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
    font-size: .9em;
}
[data-link-type=element]::before { content: "<" }
[data-link-type=element]::after  { content: ">" }

[data-link-type=biblio] {
    white-space: pre;
}</style>
<style>/* style-colors */

/* Any --*-text not paired with a --*-bg is assumed to have a transparent bg */
:root {
    color-scheme: light dark;

    --text: black;
    --bg: white;

    --unofficial-watermark: url(https://www.w3.org/StyleSheets/TR/2016/logos/UD-watermark);

    --logo-bg: #1a5e9a;
    --logo-active-bg: #c00;
    --logo-text: white;

    --tocnav-normal-text: #707070;
    --tocnav-normal-bg: var(--bg);
    --tocnav-hover-text: var(--tocnav-normal-text);
    --tocnav-hover-bg: #f8f8f8;
    --tocnav-active-text: #c00;
    --tocnav-active-bg: var(--tocnav-normal-bg);

    --tocsidebar-text: var(--text);
    --tocsidebar-bg: #f7f8f9;
    --tocsidebar-shadow: rgba(0,0,0,.1);
    --tocsidebar-heading-text: hsla(203,20%,40%,.7);

    --toclink-text: var(--text);
    --toclink-underline: #3980b5;
    --toclink-visited-text: var(--toclink-text);
    --toclink-visited-underline: #054572;

    --heading-text: #005a9c;

    --hr-text: var(--text);

    --algo-border: #def;

    --del-text: red;
    --del-bg: transparent;
    --ins-text: #080;
    --ins-bg: transparent;

    --a-normal-text: #034575;
    --a-normal-underline: #707070;
    --a-visited-text: var(--a-normal-text);
    --a-visited-underline: #bbb;
    --a-hover-bg: rgba(75%, 75%, 75%, .25);
    --a-active-text: #c00;
    --a-active-underline: #c00;

    --blockquote-border: silver;
    --blockquote-bg: transparent;
    --blockquote-text: currentcolor;

    --issue-border: #e05252;
    --issue-bg: #fbe9e9;
    --issue-text: var(--text);
    --issueheading-text: #831616;

    --example-border: #e0cb52;
    --example-bg: #fcfaee;
    --example-text: var(--text);
    --exampleheading-text: #574b0f;

    --note-border: #52e052;
    --note-bg: #e9fbe9;
    --note-text: var(--text);
    --noteheading-text: hsl(120, 70%, 30%);
    --notesummary-underline: silver;

    --assertion-border: #aaa;
    --assertion-bg: #eee;
    --assertion-text: black;

    --advisement-border: orange;
    --advisement-bg: #fec;
    --advisement-text: var(--text);
    --advisementheading-text: #b35f00;

    --warning-border: red;
    --warning-bg: hsla(40,100%,50%,0.95);
    --warning-text: var(--text);

    --amendment-border: #330099;
    --amendment-bg: #F5F0FF;
    --amendment-text: var(--text);
    --amendmentheading-text: #220066;

    --def-border: #8ccbf2;
    --def-bg: #def;
    --def-text: var(--text);
    --defrow-border: #bbd7e9;

    --datacell-border: silver;

    --indexinfo-text: #707070;

    --indextable-hover-text: black;
    --indextable-hover-bg: #f7f8f9;

    --outdatedspec-bg: rgba(0, 0, 0, .5);
    --outdatedspec-text: black;
    --outdated-bg: maroon;
    --outdated-text: white;
    --outdated-shadow: red;

    --editedrec-bg: darkorange;
}</style>
<style>/* style-counters */

body {
    counter-reset: example figure issue;
}
.issue {
    counter-increment: issue;
}
.issue:not(.no-marker)::before {
    content: "Issue " counter(issue);
}

.example {
    counter-increment: example;
}
.example:not(.no-marker)::before {
    content: "Example " counter(example);
}
.invalid.example:not(.no-marker)::before,
.illegal.example:not(.no-marker)::before {
    content: "Invalid Example" counter(example);
}

figcaption {
    counter-increment: figure;
}
figcaption:not(.no-marker)::before {
    content: "Figure " counter(figure) " ";
}</style>
<style>/* style-dfn-panel */

:root {
    --dfnpanel-bg: #ddd;
    --dfnpanel-text: var(--text);
}
.dfn-panel {
    position: absolute;
    z-index: 35;
    height: auto;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 300px;
    max-height: 500px;
    overflow: auto;
    padding: 0.5em 0.75em;
    font: small Helvetica Neue, sans-serif, Droid Sans Fallback;
    background: var(--dfnpanel-bg);
    color: var(--dfnpanel-text);
    border: outset 0.2em;
}
.dfn-panel:not(.on) { display: none; }
.dfn-panel * { margin: 0; padding: 0; text-indent: 0; }
.dfn-panel > b { display: block; }
.dfn-panel a { color: var(--dfnpanel-text); }
.dfn-panel a:not(:hover) { text-decoration: none !important; border-bottom: none !important; }
.dfn-panel > b + b { margin-top: 0.25em; }
.dfn-panel ul { padding: 0; }
.dfn-panel li { list-style: inside; }
.dfn-panel.activated {
    display: inline-block;
    position: fixed;
    left: .5em;
    bottom: 2em;
    margin: 0 auto;
    max-width: calc(100vw - 1.5em - .4em - .5em);
    max-height: 30vh;
}

.dfn-paneled { cursor: pointer; }
</style>
<style>/* style-md-lists */

/* This is a weird hack for me not yet following the commonmark spec
   regarding paragraph and lists. */
[data-md] > :first-child {
    margin-top: 0;
}
[data-md] > :last-child {
    margin-bottom: 0;
}</style>
<style>/* style-selflinks */

:root {
    --selflink-text: white;
    --selflink-bg: gray;
    --selflink-hover-text: black;
}
.heading, .issue, .note, .example, li, dt {
    position: relative;
}
a.self-link {
    position: absolute;
    top: 0;
    left: calc(-1 * (3.5rem - 26px));
    width: calc(3.5rem - 26px);
    height: 2em;
    text-align: center;
    border: none;
    transition: opacity .2s;
    opacity: .5;
}
a.self-link:hover {
    opacity: 1;
}
.heading > a.self-link {
    font-size: 83%;
}
li > a.self-link {
    left: calc(-1 * (3.5rem - 26px) - 2em);
}
dfn > a.self-link {
    top: auto;
    left: auto;
    opacity: 0;
    width: 1.5em;
    height: 1.5em;
    background: var(--selflink-bg);
    color: var(--selflink-text);
    font-style: normal;
    transition: opacity .2s, background-color .2s, color .2s;
}
dfn:hover > a.self-link {
    opacity: 1;
}
dfn > a.self-link:hover {
    color: var(--selflink-hover-text);
}

a.self-link::before            { content: "¶"; }
.heading > a.self-link::before { content: "§"; }
dfn > a.self-link::before      { content: "#"; }
</style>
<style>/* style-syntax-highlighting */

            pre.idl.highlight {
                background: var(--borderedblock-bg, var(--def-bg));
            }
            
code.highlight { padding: .1em; border-radius: .3em; }
pre.highlight, pre > code.highlight { display: block; padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0; }

.highlight:not(.idl) { background: rgba(0, 0, 0, .03); }
c-[a] { color: #990055 } /* Keyword.Declaration */
c-[b] { color: #990055 } /* Keyword.Type */
c-[c] { color: #708090 } /* Comment */
c-[d] { color: #708090 } /* Comment.Multiline */
c-[e] { color: #0077aa } /* Name.Attribute */
c-[f] { color: #669900 } /* Name.Tag */
c-[g] { color: #222222 } /* Name.Variable */
c-[k] { color: #990055 } /* Keyword */
c-[l] { color: #000000 } /* Literal */
c-[m] { color: #000000 } /* Literal.Number */
c-[n] { color: #0077aa } /* Name */
c-[o] { color: #999999 } /* Operator */
c-[p] { color: #999999 } /* Punctuation */
c-[s] { color: #a67f59 } /* Literal.String */
c-[t] { color: #a67f59 } /* Literal.String.Single */
c-[u] { color: #a67f59 } /* Literal.String.Double */
c-[cp] { color: #708090 } /* Comment.Preproc */
c-[c1] { color: #708090 } /* Comment.Single */
c-[cs] { color: #708090 } /* Comment.Special */
c-[kc] { color: #990055 } /* Keyword.Constant */
c-[kn] { color: #990055 } /* Keyword.Namespace */
c-[kp] { color: #990055 } /* Keyword.Pseudo */
c-[kr] { color: #990055 } /* Keyword.Reserved */
c-[ld] { color: #000000 } /* Literal.Date */
c-[nc] { color: #0077aa } /* Name.Class */
c-[no] { color: #0077aa } /* Name.Constant */
c-[nd] { color: #0077aa } /* Name.Decorator */
c-[ni] { color: #0077aa } /* Name.Entity */
c-[ne] { color: #0077aa } /* Name.Exception */
c-[nf] { color: #0077aa } /* Name.Function */
c-[nl] { color: #0077aa } /* Name.Label */
c-[nn] { color: #0077aa } /* Name.Namespace */
c-[py] { color: #0077aa } /* Name.Property */
c-[ow] { color: #999999 } /* Operator.Word */
c-[mb] { color: #000000 } /* Literal.Number.Bin */
c-[mf] { color: #000000 } /* Literal.Number.Float */
c-[mh] { color: #000000 } /* Literal.Number.Hex */
c-[mi] { color: #000000 } /* Literal.Number.Integer */
c-[mo] { color: #000000 } /* Literal.Number.Oct */
c-[sb] { color: #a67f59 } /* Literal.String.Backtick */
c-[sc] { color: #a67f59 } /* Literal.String.Char */
c-[sd] { color: #a67f59 } /* Literal.String.Doc */
c-[se] { color: #a67f59 } /* Literal.String.Escape */
c-[sh] { color: #a67f59 } /* Literal.String.Heredoc */
c-[si] { color: #a67f59 } /* Literal.String.Interpol */
c-[sx] { color: #a67f59 } /* Literal.String.Other */
c-[sr] { color: #a67f59 } /* Literal.String.Regex */
c-[ss] { color: #a67f59 } /* Literal.String.Symbol */
c-[vc] { color: #0077aa } /* Name.Variable.Class */
c-[vg] { color: #0077aa } /* Name.Variable.Global */
c-[vi] { color: #0077aa } /* Name.Variable.Instance */
c-[il] { color: #000000 } /* Literal.Number.Integer.Long */
</style>
<style>/* style-darkmode */

@media (prefers-color-scheme: dark) {
    :root {
        --text: #ddd;
        --bg: black;

        --unofficial-watermark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23100808' transform='translate(200 200) rotate(-45) translate(-200 -200)' stroke='%23100808' stroke-width='3'%3E%3Ctext x='50%25' y='220' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EUNOFFICIAL%3C/text%3E%3Ctext x='50%25' y='305' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EDRAFT%3C/text%3E%3C/g%3E%3C/svg%3E");

        --logo-bg: #1a5e9a;
        --logo-active-bg: #c00;
        --logo-text: white;

        --tocnav-normal-text: #999;
        --tocnav-normal-bg: var(--bg);
        --tocnav-hover-text: var(--tocnav-normal-text);
        --tocnav-hover-bg: #080808;
        --tocnav-active-text: #f44;
        --tocnav-active-bg: var(--tocnav-normal-bg);

        --tocsidebar-text: var(--text);
        --tocsidebar-bg: #080808;
        --tocsidebar-shadow: rgba(255,255,255,.1);
        --tocsidebar-heading-text: hsla(203,20%,40%,.7);

        --toclink-text: var(--text);
        --toclink-underline: #6af;
        --toclink-visited-text: var(--toclink-text);
        --toclink-visited-underline: #054572;

        --heading-text: #8af;

        --hr-text: var(--text);

        --algo-border: #456;

        --del-text: #f44;
        --del-bg: transparent;
        --ins-text: #4a4;
        --ins-bg: transparent;

        --a-normal-text: #6af;
        --a-normal-underline: #555;
        --a-visited-text: var(--a-normal-text);
        --a-visited-underline: var(--a-normal-underline);
        --a-hover-bg: rgba(25%, 25%, 25%, .2);
        --a-active-text: #f44;
        --a-active-underline: var(--a-active-text);

        --borderedblock-bg: rgba(255, 255, 255, .05);

        --blockquote-border: silver;
        --blockquote-bg: var(--borderedblock-bg);
        --blockquote-text: currentcolor;

        --issue-border: #e05252;
        --issue-bg: var(--borderedblock-bg);
        --issue-text: var(--text);
        --issueheading-text: hsl(0deg, 70%, 70%);

        --example-border: hsl(50deg, 90%, 60%);
        --example-bg: var(--borderedblock-bg);
        --example-text: var(--text);
        --exampleheading-text: hsl(50deg, 70%, 70%);

        --note-border: hsl(120deg, 100%, 35%);
        --note-bg: var(--borderedblock-bg);
        --note-text: var(--text);
        --noteheading-text: hsl(120, 70%, 70%);
        --notesummary-underline: silver;

        --assertion-border: #444;
        --assertion-bg: var(--borderedblock-bg);
        --assertion-text: var(--text);

        --advisement-border: orange;
        --advisement-bg: #222218;
        --advisement-text: var(--text);
        --advisementheading-text: #f84;

        --warning-border: red;
        --warning-bg: hsla(40,100%,20%,0.95);
        --warning-text: var(--text);

        --amendment-border: #330099;
        --amendment-bg: #080010;
        --amendment-text: var(--text);
        --amendmentheading-text: #cc00ff;

        --def-border: #8ccbf2;
        --def-bg: #080818;
        --def-text: var(--text);
        --defrow-border: #136;

        --datacell-border: silver;

        --indexinfo-text: #aaa;

        --indextable-hover-text: var(--text);
        --indextable-hover-bg: #181818;

        --outdatedspec-bg: rgba(255, 255, 255, .5);
        --outdatedspec-text: black;
        --outdated-bg: maroon;
        --outdated-text: white;
        --outdated-shadow: red;

        --editedrec-bg: darkorange;
    }
    /* In case a transparent-bg image doesn't expect to be on a dark bg,
       which is quite common in practice... */
    img { background: white; }
}
@media (prefers-color-scheme: dark) {
    :root {
        --selflink-text: black;
        --selflink-bg: silver;
        --selflink-hover-text: white;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --dfnpanel-bg: #222;
        --dfnpanel-text: var(--text);
    }
}
@media (prefers-color-scheme: dark) {
    .highlight:not(.idl) { background: rgba(255, 255, 255, .05); }

    c-[a] { color: #d33682 } /* Keyword.Declaration */
    c-[b] { color: #d33682 } /* Keyword.Type */
    c-[c] { color: #2aa198 } /* Comment */
    c-[d] { color: #2aa198 } /* Comment.Multiline */
    c-[e] { color: #268bd2 } /* Name.Attribute */
    c-[f] { color: #b58900 } /* Name.Tag */
    c-[g] { color: #cb4b16 } /* Name.Variable */
    c-[k] { color: #d33682 } /* Keyword */
    c-[l] { color: #657b83 } /* Literal */
    c-[m] { color: #657b83 } /* Literal.Number */
    c-[n] { color: #268bd2 } /* Name */
    c-[o] { color: #657b83 } /* Operator */
    c-[p] { color: #657b83 } /* Punctuation */
    c-[s] { color: #6c71c4 } /* Literal.String */
    c-[t] { color: #6c71c4 } /* Literal.String.Single */
    c-[u] { color: #6c71c4 } /* Literal.String.Double */
    c-[ch] { color: #2aa198 } /* Comment.Hashbang */
    c-[cp] { color: #2aa198 } /* Comment.Preproc */
    c-[cpf] { color: #2aa198 } /* Comment.PreprocFile */
    c-[c1] { color: #2aa198 } /* Comment.Single */
    c-[cs] { color: #2aa198 } /* Comment.Special */
    c-[kc] { color: #d33682 } /* Keyword.Constant */
    c-[kn] { color: #d33682 } /* Keyword.Namespace */
    c-[kp] { color: #d33682 } /* Keyword.Pseudo */
    c-[kr] { color: #d33682 } /* Keyword.Reserved */
    c-[ld] { color: #657b83 } /* Literal.Date */
    c-[nc] { color: #268bd2 } /* Name.Class */
    c-[no] { color: #268bd2 } /* Name.Constant */
    c-[nd] { color: #268bd2 } /* Name.Decorator */
    c-[ni] { color: #268bd2 } /* Name.Entity */
    c-[ne] { color: #268bd2 } /* Name.Exception */
    c-[nf] { color: #268bd2 } /* Name.Function */
    c-[nl] { color: #268bd2 } /* Name.Label */
    c-[nn] { color: #268bd2 } /* Name.Namespace */
    c-[py] { color: #268bd2 } /* Name.Property */
    c-[ow] { color: #657b83 } /* Operator.Word */
    c-[mb] { color: #657b83 } /* Literal.Number.Bin */
    c-[mf] { color: #657b83 } /* Literal.Number.Float */
    c-[mh] { color: #657b83 } /* Literal.Number.Hex */
    c-[mi] { color: #657b83 } /* Literal.Number.Integer */
    c-[mo] { color: #657b83 } /* Literal.Number.Oct */
    c-[sa] { color: #6c71c4 } /* Literal.String.Affix */
    c-[sb] { color: #6c71c4 } /* Literal.String.Backtick */
    c-[sc] { color: #6c71c4 } /* Literal.String.Char */
    c-[dl] { color: #6c71c4 } /* Literal.String.Delimiter */
    c-[sd] { color: #6c71c4 } /* Literal.String.Doc */
    c-[se] { color: #6c71c4 } /* Literal.String.Escape */
    c-[sh] { color: #6c71c4 } /* Literal.String.Heredoc */
    c-[si] { color: #6c71c4 } /* Literal.String.Interpol */
    c-[sx] { color: #6c71c4 } /* Literal.String.Other */
    c-[sr] { color: #6c71c4 } /* Literal.String.Regex */
    c-[ss] { color: #6c71c4 } /* Literal.String.Symbol */
    c-[fm] { color: #268bd2 } /* Name.Function.Magic */
    c-[vc] { color: #cb4b16 } /* Name.Variable.Class */
    c-[vg] { color: #cb4b16 } /* Name.Variable.Global */
    c-[vi] { color: #cb4b16 } /* Name.Variable.Instance */
    c-[vm] { color: #cb4b16 } /* Name.Variable.Magic */
    c-[il] { color: #657b83 } /* Literal.Number.Integer.Long */
}
</style>
 <body class="h-entry">
  <div class="head">
   <p data-fill-with="logo"></p>
   <h1 class="p-name no-ref" id="title">Secure Interactive Media Interface Definition (SIMID) <br><img alt="IAB Tech Lab" src="simid-1.1.0.images/IABTechLabLogo.jpg"></h1>
   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Living Standard, <time class="dt-updated" datetime="2020-11-19">19 November 2020</time></span></h2>
   <div data-fill-with="spec-metadata">
    <dl>
     <dt>This version:
     <dd><a class="u-url" href="https://interactiveadvertisingbureau.github.io/SIMID/">https://interactiveadvertisingbureau.github.io/SIMID/</a>
     <dt>Issue Tracking:
     <dd><a href="https://github.com/InteractiveAdvertisingBureau/SIMID/issues/">GitHub</a>
     <dt class="editor">Editor:
     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:video@iabtechlab.com">IAB Tech Lab's Digital Video Technical Working Group</a>
     <dt>License:
     <dd>
      <p style="fontsize:small">The SIMID Specification from the IAB Tech Lab is licensed a Creative Commons Attribution, Non Commercial, No Derivatives License. To view a copy of this license, visit <a href="creativecommons.org/licenses/by-nc-nd/4.0/legalcode">creativecommons.org/licenses/by-nc-nd/4.0/legalcode</a> or write to Creative Commons, 171 Second Street, Suite 300, San Francisco, CA 94105, USA.</p>
     <dt>About the IAB Technology Lab:
     <dd>The IAB Technology Laboratory (Tech Lab) is a non-profit consortium that engages a member community globally to develop foundational technology and standards that enable growth and trust in the digital media ecosystem.. Comprised of digital publishers, ad technology firms, agencies, marketers, and other member companies, IAB Tech Lab focuses on improving the digital advertising supply chain, measurement, and consumer experiences, while promoting responsible use of data. Its work includes the OpenRTB real-time bidding protocol, ads.txt anti- fraud specification, Open Measurement SDK for viewability and verification, VAST video specification, and DigiTrust identity service. Board members include ExtremeReach, Facebook, Google, GroupM, Hearst Digital Media, Index Exchange, Integral Ad Science, LinkedIn, LiveRamp, MediaMath, Microsoft, Oracle Data Cloud, Pandora, PubMatic, Quantcast, Rakuten Marketing, Telaria, The Trade Desk, Verizon Media Group, Xandr, and Yahoo! Japan. Established in 2014, the IAB Tech Lab is headquartered in New York City with staff in San Francisco, Seattle, and London. Learn more at https://www.iabtechlab.com.
    </dl>
   </div>
   <div data-fill-with="warning"></div>
   <p class="copyright" data-fill-with="copyright"><a href="http://creativecommons.org/publicdomain/zero/1.0/" rel="license"><img alt="CC0" src="https://licensebuttons.net/p/zero/1.0/80x15.png"></a> To the extent possible under law, the editors have waived all copyright
and related or neighboring rights to this work.
In addition, as of 19 November 2020,
the editors have made this specification available under the <a href="http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0" rel="license">Open Web Foundation Agreement Version 1.0</a>,
which is available at http://www.openwebfoundation.org/legal/the-owf-1-0-agreements/owfa-1-0.
Parts of this work may be from another specification document.  If so, those parts are instead covered by the license of that specification document. </p>
   <hr title="Separator for header">
  </div>
  <div class="p-summary" data-fill-with="abstract">
   <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   <p>Establishes a common and secure communication protocol between media (video and audio) players and executable ad units, providing rich ad experiences for viewers.</p>
  </div>
  <div data-fill-with="at-risk"></div>
  <nav data-fill-with="table-of-contents" id="toc">
   <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
   <ol class="toc" role="directory">
    <li><a href="#version-number"><span class="secno">1</span> <span class="content">Version</span></a>
    <li>
     <a href="#exec-summary"><span class="secno">2</span> <span class="content">Executive Summary</span></a>
     <ol class="toc">
      <li><a href="#simid-vs-vpaid"><span class="secno">2.1</span> <span class="content">SIMID vs. VPAID Comparison</span></a>
      <li><a href="#intended-audience"><span class="secno">2.2</span> <span class="content">Intended Audience</span></a>
      <li><a href="#simid-11-changes"><span class="secno">2.3</span> <span class="content">Changes In SIMID 1.1</span></a>
     </ol>
    <li>
     <a href="#intro"><span class="secno">3</span> <span class="content">Introduction</span></a>
     <ol class="toc">
      <li><a href="#simid-interactive-creative-nature"><span class="secno">3.1</span> <span class="content">SIMID Interactive Creative Nature</span></a>
      <li><a href="#video-ad-flow"><span class="secno">3.2</span> <span class="content">SIMID Ad Serving Flow</span></a>
      <li><a href="#player-creative-communication"><span class="secno">3.3</span> <span class="content">Player and Creative Communication</span></a>
      <li><a href="#scope"><span class="secno">3.4</span> <span class="content">Scope and Limitations</span></a>
      <li>
       <a href="#nonlinear-intro"><span class="secno">3.5</span> <span class="content">Introduction to Nonlinear Ads</span></a>
       <ol class="toc">
        <li><a href="#nonlinear-vast-response"><span class="secno">3.5.1</span> <span class="content">Nonlinear Ads VAST Response</span></a>
       </ol>
     </ol>
    <li>
     <a href="#api"><span class="secno">4</span> <span class="content">API Reference</span></a>
     <ol class="toc">
      <li><a href="#reference-table"><span class="secno">4.1</span> <span class="content">Reference Table</span></a>
      <li>
       <a href="#media-messages"><span class="secno">4.2</span> <span class="content">Messages Triggered by Media Element Events</span></a>
       <ol class="toc">
        <li><a href="#simid-media-durationchange"><span class="secno">4.2.1</span> <span class="content">SIMID:Media:durationchange</span></a>
        <li><a href="#simid-media-ended"><span class="secno">4.2.2</span> <span class="content">SIMID:Media:ended</span></a>
        <li><a href="#simid-media-error"><span class="secno">4.2.3</span> <span class="content">SIMID:Media:error</span></a>
        <li><a href="#simid-media-pause"><span class="secno">4.2.4</span> <span class="content">SIMID:Media:pause</span></a>
        <li><a href="#simid-media-play"><span class="secno">4.2.5</span> <span class="content">SIMID:Media:play</span></a>
        <li><a href="#simid-media-playing"><span class="secno">4.2.6</span> <span class="content">SIMID:Media:playing</span></a>
        <li><a href="#simid-media-seeked"><span class="secno">4.2.7</span> <span class="content">SIMID:Media:seeked</span></a>
        <li><a href="#simid-media-seeking"><span class="secno">4.2.8</span> <span class="content">SIMID:Media:seeking</span></a>
        <li><a href="#simid-media-stalled"><span class="secno">4.2.9</span> <span class="content">SIMID:Media:stalled</span></a>
        <li><a href="#simid-media-timeupdate"><span class="secno">4.2.10</span> <span class="content">SIMID:Media:timeupdate</span></a>
        <li><a href="#simid-media-volumechange"><span class="secno">4.2.11</span> <span class="content">SIMID:Media:volumechange</span></a>
       </ol>
      <li>
       <a href="#player-messages"><span class="secno">4.3</span> <span class="content">Messages from the player</span></a>
       <ol class="toc">
        <li>
         <a href="#simid-player-adSkipped"><span class="secno">4.3.1</span> <span class="content">SIMID:Player:adSkipped</span></a>
         <ol class="toc">
          <li><a href="#simid-player-adSkipped-resolve"><span class="secno">4.3.1.1</span> <span class="content">resolve</span></a>
         </ol>
        <li>
         <a href="#simid-player-adStopped"><span class="secno">4.3.2</span> <span class="content">SIMID:Player:adStopped</span></a>
         <ol class="toc">
          <li><a href="#simid-player-adStopped-resolve"><span class="secno">4.3.2.1</span> <span class="content">resolve</span></a>
         </ol>
        <li>
         <a href="#simid-player-app-backgrounded"><span class="secno">4.3.3</span> <span class="content">SIMID:Player:appBackgrounded</span></a>
         <ol class="toc">
          <li><a href="#simid-player-app-backgrounded-resolve"><span class="secno">4.3.3.1</span> <span class="content">resolve</span></a>
         </ol>
        <li><a href="#simid-player-app-foregrounded"><span class="secno">4.3.4</span> <span class="content">SIMID:Player:appForegrounded</span></a>
        <li><a href="#simid-player-collapseNonlinear"><span class="secno">4.3.5</span> <span class="content">SIMID:Player:collapseNonlinear</span></a>
        <li>
         <a href="#simid-player-fatalError"><span class="secno">4.3.6</span> <span class="content">SIMID:Player:fatalError</span></a>
         <ol class="toc">
          <li><a href="#simid-player-fatalError-resolve"><span class="secno">4.3.6.1</span> <span class="content">resolve</span></a>
         </ol>
        <li>
         <a href="#simid-player-init"><span class="secno">4.3.7</span> <span class="content">SIMID:Player:init</span></a>
         <ol class="toc">
          <li><a href="#simid-player-init-resolve"><span class="secno">4.3.7.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-player-init-reject"><span class="secno">4.3.7.2</span> <span class="content">reject</span></a>
         </ol>
        <li><a href="#simid-player-log"><span class="secno">4.3.8</span> <span class="content">SIMID:Player:log</span></a>
        <li><a href="#simid-player-resize"><span class="secno">4.3.9</span> <span class="content">SIMID:Player:resize</span></a>
        <li>
         <a href="#simid-player-startCreative"><span class="secno">4.3.10</span> <span class="content">SIMID:Player:startCreative</span></a>
         <ol class="toc">
          <li><a href="#simid-player-startCreative-resolve"><span class="secno">4.3.10.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-player-startCreative-reject"><span class="secno">4.3.10.2</span> <span class="content">reject</span></a>
         </ol>
       </ol>
      <li>
       <a href="#creative-messages"><span class="secno">4.4</span> <span class="content">Messages from the Creative to the Player</span></a>
       <ol class="toc">
        <li>
         <a href="#simid-creative-clickThru"><span class="secno">4.4.1</span> <span class="content">SIMID:Creative:clickThru</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-clickThru-resolve"><span class="secno">4.4.1.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-clickThru-reject"><span class="secno">4.4.1.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-collapseNonlinear"><span class="secno">4.4.2</span> <span class="content">SIMID:Creative:collapseNonlinear</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-collapseNonlinear-resolve"><span class="secno">4.4.2.1</span> <span class="content">resolve</span></a>
         </ol>
        <li>
         <a href="#simid-creative-expandNonlinear"><span class="secno">4.4.3</span> <span class="content">SIMID:Creative:expandNonlinear</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-expandNonlinear-resolve"><span class="secno">4.4.3.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-expandNonlinear-reject"><span class="secno">4.4.3.2</span> <span class="content">reject</span></a>
         </ol>
        <li><a href="#simid-creative-fatalError"><span class="secno">4.4.4</span> <span class="content">SIMID:Creative:fatalError</span></a>
        <li>
         <a href="#simid-creative-getMediaState"><span class="secno">4.4.5</span> <span class="content">SIMID:Creative:getMediaState</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-getMediaState-resolve"><span class="secno">4.4.5.1</span> <span class="content">resolve</span></a>
         </ol>
        <li><a href="#simid-creative-log"><span class="secno">4.4.6</span> <span class="content">SIMID:Creative:log</span></a>
        <li>
         <a href="#simid-creative-reportTracking"><span class="secno">4.4.7</span> <span class="content">SIMID:Creative:reportTracking</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-reportTracking-resolve"><span class="secno">4.4.7.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-reportTracking-reject"><span class="secno">4.4.7.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestChangeAdDuration"><span class="secno">4.4.8</span> <span class="content">SIMID:Creative:requestChangeAdDuration</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestChangeAdDuration-resolve"><span class="secno">4.4.8.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestChangeAdDuration-reject"><span class="secno">4.4.8.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestChangeVolume"><span class="secno">4.4.9</span> <span class="content">SIMID:Creative:requestChangeVolume</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestChangeVolume-resolve"><span class="secno">4.4.9.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestChangeVolume-reject"><span class="secno">4.4.9.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestFullscreen"><span class="secno">4.4.10</span> <span class="content">SIMID:Creative:requestFullscreen</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestFullscreen-resolve"><span class="secno">4.4.10.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestFullscreen-reject"><span class="secno">4.4.10.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestExitFullscreen"><span class="secno">4.4.11</span> <span class="content">SIMID:Creative:requestExitFullscreen</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestExitFullscreen-resolve"><span class="secno">4.4.11.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestExitFullscreen-reject"><span class="secno">4.4.11.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestNavigation"><span class="secno">4.4.12</span> <span class="content">SIMID:Creative:requestNavigation</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestNavigation-resolve"><span class="secno">4.4.12.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestNavigation-reject"><span class="secno">4.4.12.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestPause"><span class="secno">4.4.13</span> <span class="content">SIMID:Creative:requestPause</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestPause-resolve"><span class="secno">4.4.13.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestPause-reject"><span class="secno">4.4.13.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestPlay"><span class="secno">4.4.14</span> <span class="content">SIMID:Creative:requestPlay</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestPlay-resolve"><span class="secno">4.4.14.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestPlay-reject"><span class="secno">4.4.14.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestResize"><span class="secno">4.4.15</span> <span class="content">SIMID:Creative:requestResize</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestResize-resolve"><span class="secno">4.4.15.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestResize-reject"><span class="secno">4.4.15.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestSkip"><span class="secno">4.4.16</span> <span class="content">SIMID:Creative:requestSkip</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestSkip-resolve"><span class="secno">4.4.16.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestSkip-reject"><span class="secno">4.4.16.2</span> <span class="content">reject</span></a>
         </ol>
        <li>
         <a href="#simid-creative-requestStop"><span class="secno">4.4.17</span> <span class="content">SIMID:Creative:requestStop</span></a>
         <ol class="toc">
          <li><a href="#simid-creative-requestStop-resolve"><span class="secno">4.4.17.1</span> <span class="content">resolve</span></a>
          <li><a href="#simid-creative-requestStop-reject"><span class="secno">4.4.17.2</span> <span class="content">reject</span></a>
         </ol>
       </ol>
     </ol>
    <li><a href="#api-vast"><span class="secno">5</span> <span class="content">Referencing a SIMID creative from VAST</span></a>
    <li>
     <a href="#common-workflows"><span class="secno">6</span> <span class="content">Common Workflows</span></a>
     <ol class="toc">
      <li><a href="#workflow-ad-loading"><span class="secno">6.1</span> <span class="content">How to Handle Ad Loading</span></a>
      <li><a href="#workflow-initialization"><span class="secno">6.2</span> <span class="content">Typical Initialization WorkFlow</span></a>
      <li><a href="#workflow-startCreative"><span class="secno">6.3</span> <span class="content">Typical Start Creative WorkFlow</span></a>
      <li><a href="#workflow-uninterupted-initialization"><span class="secno">6.4</span> <span class="content">Uninterrupted Initialization WorkFlow</span></a>
      <li><a href="#workflow-delayed-init-resolve"><span class="secno">6.5</span> <span class="content">Creative Delays Resolving Init</span></a>
      <li><a href="#workflow-reject-initialization"><span class="secno">6.6</span> <span class="content">Creative Rejects Init</span></a>
      <li><a href="#workflow-initialization-nonlinear"><span class="secno">6.7</span> <span class="content">Nonlinear Initialization and Start WorkFlow</span></a>
      <li>
       <a href="#workflow-ad-playback"><span class="secno">6.8</span> <span class="content">How to Handle Ad Playback</span></a>
       <ol class="toc">
        <li><a href="#workflow-ad-pause"><span class="secno">6.8.1</span> <span class="content">Ad Pause</span></a>
        <li><a href="#workflow-resizing"><span class="secno">6.8.2</span> <span class="content">Ad Resizing and Fullscreen</span></a>
       </ol>
      <li>
       <a href="#workflow-end"><span class="secno">6.9</span> <span class="content">How to Handle Ad End and Unload</span></a>
       <ol class="toc">
        <li><a href="#workflow-player-skips"><span class="secno">6.9.1</span> <span class="content">Player Skips Ad</span></a>
        <li><a href="#workflow-creative-skips"><span class="secno">6.9.2</span> <span class="content">Creative Skips Ad</span></a>
        <li><a href="#workflow-end-before-complete"><span class="secno">6.9.3</span> <span class="content">Ad Ends Before Media Completion</span></a>
        <li><a href="#workflow-complete"><span class="secno">6.9.4</span> <span class="content">Ad Completes at Media Completion</span></a>
        <li><a href="#workflow-error"><span class="secno">6.9.5</span> <span class="content">Ad Errors Out</span></a>
        <li><a href="#workflow-request-stop"><span class="secno">6.9.6</span> <span class="content">Ad Requests Stop</span></a>
       </ol>
      <li>
       <a href="#workflow-change-duration"><span class="secno">6.10</span> <span class="content">Ad Duration Changed Workflow</span></a>
       <ol class="toc">
        <li><a href="#workflow-extend"><span class="secno">6.10.1</span> <span class="content">Ad Extends Beyond Media Completion</span></a>
        <li><a href="#workflow-ad-duartion-changed-known"><span class="secno">6.10.2</span> <span class="content">Ad Duration Changed Workflow - Known Time</span></a>
        <li><a href="#workflow-ad-duartion-changed-unknown"><span class="secno">6.10.3</span> <span class="content">Ad Duration Changed Workflow - Unknown Time</span></a>
       </ol>
      <li><a href="#user-experience"><span class="secno">6.11</span> <span class="content">User Experience</span></a>
     </ol>
    <li><a href="#errors"><span class="secno">7</span> <span class="content">Error Handling and Timeouts</span></a>
    <li>
     <a href="#msg-proto"><span class="secno">8</span> <span class="content">Messaging Protocol</span></a>
     <ol class="toc">
      <li>
       <a href="#protocol-data-layer"><span class="secno">8.1</span> <span class="content">Data Layer</span></a>
       <ol class="toc">
        <li><a href="#message-data-structure"><span class="secno">8.1.1</span> <span class="content">Data Structure</span></a>
       </ol>
      <li>
       <a href="#protocol-message-categories"><span class="secno">8.2</span> <span class="content">Messages Categories</span></a>
       <ol class="toc">
        <li><a href="#protocol-message-categories-resolve"><span class="secno">8.2.1</span> <span class="content"><code>resolve</code> Messages</span></a>
        <li><a href="#protocol-message-categories-reject"><span class="secno">8.2.2</span> <span class="content"><code>reject</code> Messages</span></a>
       </ol>
      <li>
       <a href="#protocol-transport-layer"><span class="secno">8.3</span> <span class="content">Transport Layer</span></a>
       <ol class="toc">
        <li><a href="#postmessage-transport"><span class="secno">8.3.1</span> <span class="content"><code>postMessage</code> Transport</span></a>
        <li><a href="#message-serialization"><span class="secno">8.3.2</span> <span class="content">Message Serialization</span></a>
       </ol>
      <li>
       <a href="#protocol-session-layer"><span class="secno">8.4</span> <span class="content">Session Layer</span></a>
       <ol class="toc">
        <li><a href="#protocol-establish-session"><span class="secno">8.4.1</span> <span class="content">Establishing a New Session</span></a>
        <li><a href="#session-establishing-delays-and-failures"><span class="secno">8.4.2</span> <span class="content">Session Establishing Delays and Failures</span></a>
       </ol>
     </ol>
    <li><a href="#error-codes"><span class="secno">9</span> <span class="content">Error Codes</span></a>
    <li><a href="#terminology"><span class="secno">10</span> <span class="content">Terminology</span></a>
    <li><a href="#conformance"><span class="secno"></span> <span class="content"> Conformance</span></a>
    <li>
     <a href="#index"><span class="secno"></span> <span class="content">Index</span></a>
     <ol class="toc">
      <li><a href="#index-defined-here"><span class="secno"></span> <span class="content">Terms defined by this specification</span></a>
      <li><a href="#index-defined-elsewhere"><span class="secno"></span> <span class="content">Terms defined by reference</span></a>
     </ol>
    <li>
     <a href="#references"><span class="secno"></span> <span class="content">References</span></a>
     <ol class="toc">
      <li><a href="#normative"><span class="secno"></span> <span class="content">Normative References</span></a>
     </ol>
    <li><a href="#idl-index"><span class="secno"></span> <span class="content">IDL Index</span></a>
   </ol>
  </nav>
  <main>
   <h2 class="heading settled" data-level="1" id="version-number"><span class="secno">1. </span><span class="content">Version</span><a class="self-link" href="#version-number"></a></h2>
    1.1.0 
   <h2 class="heading settled" data-level="2" id="exec-summary"><span class="secno">2. </span><span class="content">Executive Summary</span><a class="self-link" href="#exec-summary"></a></h2>
   <p>Secure Interactive Media Interface Definition (SIMID) is a standard for providing rich interactivity in the context of
streaming audio and video (media) ads. While the Video Ad Serving Template (VAST) standard addresses how publishers
discover various metadata assets related to an ad campaign, SIMID addresses
how the publisher’s media player should communicate and interface with a rich
interactive layer and vice versa. As such, one can think of the SIMID creative
as one of the assets listed in a VAST document.</p>
   <p>A main tenet of SIMID is the separation of the interactive layer from the media
asset. This clear separation allows publisher players to be in control of their
streams and enables use cases such as server-side ad insertion (SSAI), as well
as live streaming.</p>
   <p>SIMID was built with strong security from the ground up, and is designed to be
sandboxed from the media player, providing peace of mind to publishers when
serving ads from third party services. SIMID aims to provide the tools and
controls to allow creatives to offer rich augmented user experiences while
degrading gracefully if certain features are not supported.</p>
   <div diagram id="diagram-simid-overlay">
    <p>SIMID ads sandboxing from the publisher player environment</p>
     <img alt="Normal Creative Initilaizatioin Sequence" src="simid-1.1.0.images/simid_diagram_1_overlay.png"> 
   </div>
   <p>A diagram showing SIMID ads sandboxed from the publisher player environment</p>
   <p>SIMID is part of a broader effort to replace the older VPAID standard (more details in <a href="http://bit.ly/videoAdVision">this blog post</a> by the IAB Tech Lab). While
Open Measurement replaces the use case of verification and measurement, SIMID replaces
the use case of interactive streaming media ads, the original intended purpose
of the VPAID standard. SIMID provides a path for VPAID deprecation and allows
the industry to move to more secure and transparent standards. SIMID aims to
gain broad industry adoption by ensuring that the standard is focused on the
primary use case of interactivity.</p>
   <h3 class="heading settled" data-level="2.1" id="simid-vs-vpaid"><span class="secno">2.1. </span><span class="content">SIMID vs. VPAID Comparison</span><a class="self-link" href="#simid-vs-vpaid"></a></h3>
   <div diagram id="diagram-simid-api-models">
    <p>VPAID vs. SIMID APIs</p>
     <img alt="Normal Creative Initilaizatioin Sequence" src="simid-1.1.0.images/simid_diagram_2_api_models.png" style="margin-left: -10px;"> 
   </div>
   <p id="simid-vs-vapid" table-header>SIMID vs. VPAID Comparison.</p>
   <table class="alternatecolor">
    <tbody>
     <tr>
      <th width="20%">Feature
      <th width="40%">VPAID
      <th width="40%">SIMID
     <tr>
      <td>Security
      <td>Creative directly accesses player DOM and shared global JavaScript context.
      <td>Creative is sandboxed into a cross-origin iframe. No player DOM access or shared JavaScript context.
     <tr class="c13">
      <td>Ad media asset management
      <td>Creative manages ad video loading and playback.
      <td>Player manages ad media loading and playback (audio or video).
     <tr>
      <td>Pre-caching
      <td>Only the VPAID script can be reliably pre-cached. Video asset cannot be pre-cached.
      <td>Audio or video asset and SIMID creative can both be pre-cached.
     <tr>
      <td>Errors influence on performance or UX
      <td>Fatal script errors from ad creative can result in significant player or publisher site performance and user experience deterioration (due to shared security sandbox).
      <td>Fatal script errors from ad creative do not affect player or publisher site directly. Impact is limited to performance and user experience of the creative, only.
     <tr>
      <td>SSAI feasibility
      <td>SSAI is not possible.
      <td rowspan="1">Interactive creatives can be rendered in SSAI context.
     <tr>
      <td>Latencies
      <td>Publishers are at the mercy of VPAID creative implementation efficiency and uncontrollable internal processes (verification, trading, wrapping, etc.). Each of these behaviors can impose significant latencies.
      <td>Players can pre-load media and creative assets due to maintaining full control over decisioning, loading and displaying of the ad unit. Ad decisioning latency is removed, risks of internal processes are minimized due to separate security sandboxes.
     <tr>
      <td>API
      <td>Both the player and creative must support specific JavaScript functions. Each component calls functions directly on the other in a shared security sandbox (insecure).
      <td>No functions are directly called on either component by the other. All communication is achieved using standard postMessage API and SIMID messaging protocol across separate security sandboxes.
     <tr>
      <td>Ad blocking
      <td>VPAID can prevent an ad from rendering.
      <td>SIMID is built for interactivity and was not designed for ad blocking. The Open Measurement SDK (OMID) is expected to support this capability in the future.
     <tr>
      <td>Verification services
      <td>Verification features can be fully implemented and executed in shared DOM and global Javascript context.
      <td>SIMID creative cannot access any DOM, elements, or JS context outside of its own security sandbox so is unable to handle any verification use cases. OMID handles the use case for verification allowing SIMID to be focused on interactivity only.
     <tr>
      <td>Creative wrapping
      <td>VPAID ads can load other ads (including other VPAID ads).
      <td>Cannot be executed.
     <tr>
      <td>Audio advertising
      <td>Out of standard scope.
      <td>Enables interactive components serving with audio ads.
     <tr>
      <td>Environment constraints
      <td>Player must be an HTML video element.
      <td>Player can be native or web so long as the SIMID creative has sandboxed DOM access (such as a web view).
     <tr>
      <td>Resource MIME type
      <td>application/javascript
      <td>text/html
   </table>
   <h3 class="heading settled" data-level="2.2" id="intended-audience"><span class="secno">2.2. </span><span class="content">Intended Audience</span><a class="self-link" href="#intended-audience"></a></h3>
   <p>The SIMID standard is geared toward the digital media advertising community. Anyone who works with digital media advertising products or services can benefit from reading the Introduction sections of this document. The Messaging Protocol, API Reference, and later sections predominantly target software engineers.</p>
   <h3 class="heading settled" data-level="2.3" id="simid-11-changes"><span class="secno">2.3. </span><span class="content">Changes In SIMID 1.1</span><a class="self-link" href="#simid-11-changes"></a></h3>
   <p>SIMID version 1.1 introduces the following enhancements:</p>
   <ol>
    <li data-md>
     <p>Support for nonlinear ads.</p>
     <ul>
      <li data-md>
       <p>New messages <a href="#simid-creative-expandNonlinear">§ 4.4.3 SIMID:Creative:expandNonlinear</a>, <a href="#simid-creative-collapseNonlinear">§ 4.4.2 SIMID:Creative:collapseNonlinear</a>, and <a href="#simid-player-collapseNonlinear">§ 4.3.5 SIMID:Player:collapseNonlinear</a> and related data.</p>
      <li data-md>
       <p>Additional <a href="#error-codes">§ 9 Error Codes</a>.</p>
      <li data-md>
       <p>Additional workflows for nonlinear playback.</p>
      <li data-md>
       <p>New sample code for nonlinear ads.</p>
     </ul>
    <li data-md>
     <p>Player handling user navigation to external landing pages for the in-mobile apps servings. For this purpose, SIMID:</p>
     <ul>
      <li data-md>
       <p>New message <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a> and related data.</p>
      <li data-md>
       <p>Additional related <a href="#error-codes">§ 9 Error Codes</a>.</p>
     </ul>
   </ol>
   <h2 class="heading settled" data-level="3" id="intro"><span class="secno">3. </span><span class="content">Introduction</span><a class="self-link" href="#intro"></a></h2>
   <p>Throughout this document, the SIMID interactive component is referred to
as a “SIMID creative” or “creative”.</p>
   <p>Compliance with SIMID requires support for all features and behaviors specificied in this document, unless a given feature or behavior is explicitly designated as optional.
Standard RFC language will be used. See <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a> for RFC 2119 for enforcement terminology used in this standard.</p>
   <h3 class="heading settled" data-level="3.1" id="simid-interactive-creative-nature"><span class="secno">3.1. </span><span class="content">SIMID Interactive Creative Nature</span><a class="self-link" href="#simid-interactive-creative-nature"></a></h3>
   <div diagram id="diagram-simid-api-models①">
    <p>SIMID Assets loading</p>
     <img alt="SIMID Interactive Creative Nature" src="simid-1.1.0.images/simid_diagram_3_assets.png" style="margin-left: -10px;"> 
   </div>
   <p>A SIMID creative can be included in a VAST document by way of an <code>&lt;InteractiveCreativeFile></code> element. The text within this element must be a url which returns an HTML document.
When loaded into an iframe by a media player, this HTML document will define the SIMID creative’s content, and will direct the web browser or host application to load any additional assets
required by that creative (images, CSS, scripts, etc.).</p>
   <p>The <code>&lt;InteractiveCreativeFile></code> element is defined as a child of the <code>&lt;MediaFiles></code> element in VAST 4.0.
For more technical details, see the <a href="#api-vast">§ 5 Referencing a SIMID creative from VAST</a> section.</p>
   <div class="example" id="example-b9ad51ed">
    <a class="self-link" href="#example-b9ad51ed"></a> 
    <div class="xml-highlight">
<pre style="line-height: 125%"><span class="hnode">&lt;MediaFiles></span>
    <span class="hnode">&lt;MediaFile></span>
        <span class="hcdata">&lt;![CDATA[https://example.com/mediafile.mp4]]></span>
    <span class="hnode">&lt;/MediaFile></span>
    <span class="hnode">&lt;InteractiveCreativeFile</span> <span class="hattr">type=</span><span class="hattrval">"text/html"</span> <span class="hattr">apiFramework=</span><span class="hattrval">"SIMID"</span> <span class="hattr">variableDuration=</span><span class="hattrval">"true"</span><span class="hnode">></span>
        <span class="hcdata">&lt;![CDATA[https://adserver.com/ads/creative.html]]></span>
    <span class="hnode">&lt;/InteractiveCreativeFile></span>
<span class="hnode">&lt;/MediaFiles></span>
</pre>
    </div>
   </div>
   <h3 class="heading settled" data-level="3.2" id="video-ad-flow"><span class="secno">3.2. </span><span class="content">SIMID Ad Serving Flow</span><a class="self-link" href="#video-ad-flow"></a></h3>
   <p>The SIMID ad experience is delivered by a web browser or application concurrently rendering an ad’s streaming audio or video file and its interactive creative file.
The media player obtains urls for both files from a VAST document, loads the files, assembles them into a single ad unit, and ensures a cohesive ad experience.</p>
   <div diagram id="diagram-simid-api-models②">
    <p>SIMID creative loading and presentation process.</p>
     <img alt="SIMID creative loading and presentation process." src="simid-1.1.0.images/simid_diagram_4_loading.png" style="margin-left: -10px;"> 
   </div>
   <h3 class="heading settled" data-level="3.3" id="player-creative-communication"><span class="secno">3.3. </span><span class="content">Player and Creative Communication</span><a class="self-link" href="#player-creative-communication"></a></h3>
   <p>A media player and a SIMID creative communicate by sending serialized messages back and forth to each other.</p>
   <p>Because a SIMID creative is an HTML document that is served from an advertiser’s
web domain, and it is loaded by a media player into an iframe within a web page hosted on a different domain,
loading the creative requires the creation of a cross-origin iframe (also known as an "unfriendly iframe").
Due to browser sandbox security restrictions, JavaScript communication across this type of iframe can only be achieved via the standard postMessage API.</p>
   <p>SIMID API requirements govern message construction conventions as well as the message data structure. See sections <a href="#msg-proto">§ 8 Messaging Protocol</a>, <a href="#api">§ 4 API Reference</a> for more information.</p>
   <h3 class="heading settled" data-level="3.4" id="scope"><span class="secno">3.4. </span><span class="content">Scope and Limitations</span><a class="self-link" href="#scope"></a></h3>
   <p>The use of HTML is only required for the SIMID creative, not the publisher
property hosting that creative. As long as the publisher can load HTML and
communicate with it over the standard postMessage API, it can support
SIMID. In practice, this means that SIMID can be hosted in web page iframes,
mobile app web views, and other platforms. In fact, SIMID can better support mobile use cases than VPAID because a native app or media player directly controls loading and playback of a SIMID ad unit’s
media asset (whereas a VPAID ad unit offers no direct access or control of its internal media asset).</p>
   <p class="note" role="note"><span>Note:</span> Certain devices, including TV sets and OTT boxes, restrict loading of external assets, have limited HTML rendering capabilities, or are unable to display HTML along with audio or video. These devices are incapable of implementing SIMID. Devices that support HTML and JavaScript can support SIMID - on both client side as well as in server side ad insertion scenarios</p>
   <p>SIMID cannot be used to decide which media to show on the client
pre-impression. This is because the media file must be present alongside
the SIMID creative and delivered via the VAST <code>MediaFile</code> node.</p>
   <p>SIMID should not be set up to measure viewability.</p>
   <p>Any use of the SIMID spec to support something other than interactive or
dynamic content within the ad unit is counter to the intentions of this spec.</p>
   <h3 class="heading settled" data-level="3.5" id="nonlinear-intro"><span class="secno">3.5. </span><span class="content">Introduction to Nonlinear Ads</span><a class="self-link" href="#nonlinear-intro"></a></h3>
   <p>Nonlinear ads are served and displayed concurrently with the primary media content. In video players, nonlinear ads overlay a portion of the video.</p>
   <p>Nonlinear ads implement two states: collapsed and expanded. The player renders the nonlinear ad in the original state, collapsed, while media content progresses uninterrupted. The expanded ad state typically occupies the entire player viewport and requires the media content to be paused. The expanded state of the nonlinear ad usually occurs via user interaction with the creative.</p>
   <div diagram id="diagram-nonlinear-states">
    <p>Nonlinear Ad States</p>
     <img alt="Nonlinear states." src="simid-1.1.0.images/non-linear-intro.png"> 
   </div>
   <p>Unlike the linear ads, there is no media asset that the player needs to render with a nonlinear ad.</p>
   <p>SIMID supports nonlinear ads by providing a nonlinear specific API. Both linear and nonlinear ads share the same communication protocol and data providers. As with linear ads, the interactive creative is a single resource that the player loads into a cross-origin iframe.</p>
   <div diagram id="diagram-nonlinear-user-experience">
    <p>Nonlinear Ad User Experience</p>
     <img alt="Nonlinear state." src="simid-1.1.0.images/nonlinear-user-experience.png"> 
    <ol dgrm-details>
     <li>
      User clicks on expand button. The player pauses content and expands the creative. 
      <ol>
       <li>
        User clicks collapse button. 
        <ol>
         <li>Player resizes the creatigve to its default state and resumes content playback.
        </ol>
       <li>
        User clicks close button. 
        <ol>
         <li>Player unloads the creative and resumes media content.
        </ol>
      </ol>
     <li>User clicks close button provided by the default state. Player unloads the creative.
    </ol>
   </div>
   <h4 class="heading settled" data-level="3.5.1" id="nonlinear-vast-response"><span class="secno">3.5.1. </span><span class="content">Nonlinear Ads VAST Response</span><a class="self-link" href="#nonlinear-vast-response"></a></h4>
   <p>VAST supports nonlinear ads since version 2.0 including interactive ads that implement API frameworks.</p>
   <p>
    VAST response describes nonlinear ads in the <code>&lt;NonLinear></code> node children. The <code>&lt;NonLinear></code> node attribute’s <code>apiFrmawork</code> value is <code>SIMID</code>. The node 
    <iframeresource> delivers a URI to the SIMID interactive component. The node <code>&lt;AdParameters></code> contains custom ad data for the creative’s consumption.</iframeresource>
   </p>
   <div class="example" id="example-70ea7bac">
    <a class="self-link" href="#example-70ea7bac"></a> 
    <div class="xml-highlight">
<pre style="line-height: 125%"><span class="hnode">&lt;Creative></span>
    <span class="hnode">&lt;NonLinear></span>
        <span class="hnode">&lt;IFrameResource</span> <span class="hattr">type=</span><span class="hattrval">"text/html"</span> <span class="hattr">apiFramework=</span><span class="hattrval">"SIMID"</span><span class="hnode">></span>
            <span class="hcdata">&lt;![CDATA[https://adserver.com/videoads/simidshell.html]></span>
        <span class="hnode">&lt;/IFrameResource></span>
        <span class="hnode">&lt;AdParameters></span>
            <span class="hcdata">&lt;![CDATA[{adid:345893,cturi:"https://mycar.com/modelS.html"}]></span>
        <span class="hnode">&lt;/AdParameters></span>
    <span class="hnode">&lt;/NonLinear></span>
<span class="hnode">&lt;/Creative></span>
</pre>
    </div>
   </div>
   <h2 class="heading settled" data-level="4" id="api"><span class="secno">4. </span><span class="content">API Reference</span><a class="self-link" href="#api"></a></h2>
   <p>SIMID API is a set of messages and data structures that ad-rendering parties exchange via <a href="#msg-proto">§ 8 Messaging Protocol</a>.</p>
   <h3 class="heading settled" data-level="4.1" id="reference-table"><span class="secno">4.1. </span><span class="content">Reference Table</span><a class="self-link" href="#reference-table"></a></h3>
   <table class="alternatecolor">
    <tbody>
     <tr>
      <th width="40%">API
      <th width="30%">resolve
      <th width="30%">reject
     <tr>
      <td><a href="#simid-media-durationchange">§ 4.2.1 SIMID:Media:durationchange</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-ended">§ 4.2.2 SIMID:Media:ended</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-error">§ 4.2.3 SIMID:Media:error</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-pause">§ 4.2.4 SIMID:Media:pause</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-play">§ 4.2.5 SIMID:Media:play</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-playing">§ 4.2.6 SIMID:Media:playing</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-seeked">§ 4.2.7 SIMID:Media:seeked</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-seeking">§ 4.2.8 SIMID:Media:seeking</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-stalled">§ 4.2.9 SIMID:Media:stalled</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-timeupdate">§ 4.2.10 SIMID:Media:timeupdate</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-media-volumechange">§ 4.2.11 SIMID:Media:volumechange</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a>
      <td><a href="#simid-player-adSkipped-resolve">§ 4.3.1.1 resolve</a>
      <td>n/a
     <tr>
      <td><a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a>
      <td><a href="#simid-player-adStopped-resolve">§ 4.3.2.1 resolve</a>
      <td>n/a
     <tr>
      <td><a href="#simid-player-app-backgrounded">§ 4.3.3 SIMID:Player:appBackgrounded</a>
      <td><a href="#simid-player-app-backgrounded-resolve">§ 4.3.3.1 resolve</a>
      <td>n/a
     <tr>
      <td><a href="#simid-player-app-foregrounded">§ 4.3.4 SIMID:Player:appForegrounded</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-player-collapseNonlinear">§ 4.3.5 SIMID:Player:collapseNonlinear</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-player-fatalError">§ 4.3.6 SIMID:Player:fatalError</a>
      <td><a href="#simid-player-fatalError-resolve">§ 4.3.6.1 resolve</a>
      <td>n/a
     <tr>
      <td><a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a>
      <td><a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a>
      <td><a href="#simid-player-init-reject">§ 4.3.7.2 reject</a>
     <tr>
      <td><a href="#simid-player-log">§ 4.3.8 SIMID:Player:log</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-player-resize">§ 4.3.9 SIMID:Player:resize</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a>
      <td><a href="#simid-player-startCreative-resolve">§ 4.3.10.1 resolve</a>
      <td><a href="#simid-player-startCreative-reject">§ 4.3.10.2 reject</a>
     <tr>
      <td><a href="#simid-creative-clickThru">§ 4.4.1 SIMID:Creative:clickThru</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-creative-collapseNonlinear">§ 4.4.2 SIMID:Creative:collapseNonlinear</a>
      <td><a href="#simid-creative-collapseNonlinear-resolve">§ 4.4.2.1 resolve</a>
      <td>n/a
     <tr>
      <td><a href="#simid-creative-expandNonlinear">§ 4.4.3 SIMID:Creative:expandNonlinear</a>
      <td><a href="#simid-creative-expandNonlinear-resolve">§ 4.4.3.1 resolve</a>
      <td><a href="#simid-creative-expandNonlinear-reject">§ 4.4.3.2 reject</a>
     <tr>
      <td><a href="#simid-creative-fatalError">§ 4.4.4 SIMID:Creative:fatalError</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-creative-getMediaState">§ 4.4.5 SIMID:Creative:getMediaState</a>
      <td><a href="#simid-creative-getMediaState-resolve">§ 4.4.5.1 resolve</a>
      <td>n/a
     <tr>
      <td><a href="#simid-creative-log">§ 4.4.6 SIMID:Creative:log</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-creative-reportTracking">§ 4.4.7 SIMID:Creative:reportTracking</a>
      <td><a href="#simid-creative-reportTracking-resolve">§ 4.4.7.1 resolve</a>
      <td><a href="#simid-creative-reportTracking-reject">§ 4.4.7.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestChangeAdDuration">§ 4.4.8 SIMID:Creative:requestChangeAdDuration</a>
      <td><a href="#simid-creative-requestChangeAdDuration-resolve">§ 4.4.8.1 resolve</a>
      <td><a href="#simid-creative-requestChangeAdDuration-reject">§ 4.4.8.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestChangeVolume">§ 4.4.9 SIMID:Creative:requestChangeVolume</a>
      <td><a href="#simid-creative-requestChangeVolume-resolve">§ 4.4.9.1 resolve</a>
      <td><a href="#simid-creative-requestChangeVolume-reject">§ 4.4.9.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestFullscreen">§ 4.4.10 SIMID:Creative:requestFullscreen</a>
      <td><a href="#simid-creative-requestFullscreen-resolve">§ 4.4.10.1 resolve</a>
      <td><a href="#simid-creative-requestFullscreen-reject">§ 4.4.10.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestExitFullscreen">§ 4.4.11 SIMID:Creative:requestExitFullscreen</a>
      <td><a href="#simid-creative-requestExitFullscreen-resolve">§ 4.4.11.1 resolve</a>
      <td><a href="#simid-creative-requestExitFullscreen-reject">§ 4.4.11.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestPause">§ 4.4.13 SIMID:Creative:requestPause</a>
      <td><a href="#simid-creative-requestPause-resolve">§ 4.4.13.1 resolve</a>
      <td><a href="#simid-creative-requestPause-reject">§ 4.4.13.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestPlay">§ 4.4.14 SIMID:Creative:requestPlay</a>
      <td><a href="#simid-creative-requestPlay-resolve">§ 4.4.14.1 resolve</a>
      <td><a href="#simid-creative-requestPlay-reject">§ 4.4.14.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestResize">§ 4.4.15 SIMID:Creative:requestResize</a>
      <td><a href="#simid-creative-requestResize-resolve">§ 4.4.15.1 resolve</a>
      <td><a href="#simid-creative-requestResize-reject">§ 4.4.15.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestSkip">§ 4.4.16 SIMID:Creative:requestSkip</a>
      <td><a href="#simid-creative-requestSkip-resolve">§ 4.4.16.1 resolve</a>
      <td><a href="#simid-creative-requestSkip-reject">§ 4.4.16.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a>
      <td><a href="#simid-creative-requestStop-resolve">§ 4.4.17.1 resolve</a>
      <td><a href="#simid-creative-requestStop-reject">§ 4.4.17.2 reject</a>
   </table>
   <h3 class="heading settled" data-level="4.2" id="media-messages"><span class="secno">4.2. </span><span class="content">Messages Triggered by Media Element Events</span><a class="self-link" href="#media-messages"></a></h3>
   <p>SIMID specifies a group of messages that describe ad media states. The player prepends such messages with the <code>SIMID:Media namespace</code>.</p>
   <p>SIMID borrows media-related semantics and naming conventions from the standard <code>HTMLMediaElement</code> behavior. In player implementations where an <code>HTMLMediaElement</code> is not used, the player must translate events and property values into the associated <code>SIMID:Media</code> message.</p>
   <p>In HTML environments, <code>SIMID:Media</code> messages contain the original media event type.</p>
   <div class="example" id="example-76604ed0">
    <a class="self-link" href="#example-76604ed0"></a> 
    <ol>
     <li data-md>
      <p><code>HTMLMediaElement</code> dispatches event <code>play</code>.</p>
     <li data-md>
      <p>Player sets <code>Message.type = SIMID:Media:play</code>.</p>
    </ol>
   </div>
   <p>The player must report <code>SIMID:Media</code> messages immediately after the associated event occurs.</p>
   <p>The player must not queue messages in cases where the creative iframe initialization happens in the middle of the ad media playback. The player posts only messages that communicate events that occur after the iframe initialization.</p>
   <p><code>SIMID:Media</code> messages are information-only; they do not trigger <code>resolve/reject</code> responses from the creative.</p>
   <p>The player may elect to report all standard HTML media events to the creative. However, the creative should not expect to receive messages with optional types. (See <a href="#table-media-events">table</a> below.)</p>
   <p>Some <code>SIMID:Media</code> messages - <code>durationchange</code>, <code>error</code>, <code>timeupdate</code>, and <code>volumechange</code> - require additional data provided with <code>Message.args</code> parameters.</p>
   <p id="table-media-events" table-header>Required and optional media event types.</p>
   <table class="alternatecolor two-col-split">
    <tbody>
     <tr>
      <th>Event Name
      <th>Required
      <th style="background:#FF0000" width="2%">
      <th>Event Name
      <th>Required
      <th style="background:#FF0000" width="2%">
      <th>Event Name
      <th>Required
     <tr>
      <td><code>abort</code>
      <td>
      <td>
      <td><code>interruptend</code>
      <td>
      <td>
      <td><code>seeked</code>
      <td req>
     <tr>
      <td><code>canplay</code>
      <td>
      <td>
      <td><code>loadeddata</code>
      <td>
      <td>
      <td><code>seeking</code>
      <td req>
     <tr>
      <td><code>canplaythrough</code>
      <td>
      <td>
      <td><code>loadedmetadata</code>
      <td>
      <td>
      <td><code>stalled</code>
      <td req>
     <tr>
      <td><code>durationchange</code>
      <td req>
      <td>
      <td><code>loadstart</code>
      <td>
      <td>
      <td><code>suspend</code>
      <td>
     <tr>
      <td><code>emptied</code>
      <td>
      <td>
      <td><code>pause</code>
      <td req>
      <td>
      <td><code>timeupdate</code>
      <td req>
     <tr>
      <td><code>encrypted</code>
      <td>
      <td>
      <td><code>play</code>
      <td req>
      <td>
      <td><code>volumechange</code>
      <td req>
     <tr>
      <td><code>ended</code>
      <td req>
      <td>
      <td><code>playing</code>
      <td req>
      <td>
      <td class="last-row"><code>waiting</code>
      <td class="last-row">
     <tr>
      <td><code>error</code>
      <td req>
      <td>
      <td><code>progress</code>
      <td>
      <td>
      <td class="empty">
      <td class="empty">
     <tr>
      <td><code>interruptbegin</code>
      <td>
      <td>
      <td><code>ratechange</code>
      <td>
      <td>
      <td class="empty">
      <td class="empty">
   </table>
   <h4 class="heading settled" data-level="4.2.1" id="simid-media-durationchange"><span class="secno">4.2.1. </span><span class="content">SIMID:Media:durationchange</span><a class="self-link" href="#simid-media-durationchange"></a></h4>
   <p>When the duration of the media changes due to the player receiving the media resource metadata (in HTML, <code>HTMLMediaElement</code> dispatches the <code>durationchange</code> event), the player posts a <code>SIMID:Media:durationchange</code> message.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-duration"><code><c- g>duration</c-></code><a class="self-link" href="#dom-messageargs-duration"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-duration"><code>duration</code><a class="self-link" href="#dom-foointerface-duration"></a></dfn>, <span></span>
    <dd>The duration of the media in seconds. In HTML, HTMLMediaElement.duration value.* 
   </dl>
   <ul class="footnote">
    <li>In SSAI, <code>HTMLMediaElement.duration</code> value does not express the actual ad media duration. In such cases, the player must compute the ad’s actual media length.
   </ul>
   <h4 class="heading settled" data-level="4.2.2" id="simid-media-ended"><span class="secno">4.2.2. </span><span class="content">SIMID:Media:ended</span><a class="self-link" href="#simid-media-ended"></a></h4>
    When the media playback completes (in HTML, <code>HTMLMediaElement</code> dispatches an <code>ended</code> event), the player posts a <code>SIMID:Media:ended</code> message. 
   <h4 class="heading settled" data-level="4.2.3" id="simid-media-error"><span class="secno">4.2.3. </span><span class="content">SIMID:Media:error</span><a class="self-link" href="#simid-media-error"></a></h4>
    When playback throws an exception (in HTML, <code>HTMLMediaElement</code> dispatches an <code>error</code> event), the player posts a <code>SIMID:Media:error</code> message. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-error"><code><c- g>error</c-></code><a class="self-link" href="#dom-messageargs-error"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-message"><code><c- g>message</c-></code><a class="self-link" href="#dom-messageargs-message"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-error"><code>error</code><a class="self-link" href="#dom-foointerface-error"></a></dfn>, <span></span>
    <dd>
     In HTML, the value of <code>HTMLMediaElement.error.code</code>. Codes: 
     <ul class="values-list">
      <li><code>1</code> The media download was canceled
      <li><code>2</code> Network error
      <li><code>3</code> The player failed to decode the media
      <li><code>4</code> Environment does not support media resource
     </ul>
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-message"><code>message</code><a class="self-link" href="#dom-foointerface-message"></a></dfn>, <span></span>
    <dd>In HTML, the value of <code>HTMLMediaElement.error.message</code>. 
   </dl>
   <h4 class="heading settled" data-level="4.2.4" id="simid-media-pause"><span class="secno">4.2.4. </span><span class="content">SIMID:Media:pause</span><a class="self-link" href="#simid-media-pause"></a></h4>
    When the media pauses (in HTML, <code>HTMLMediaElement</code> dispatches a <code>pause</code> event), the player posts a <code>SIMID:Media:pause</code> message. 
   <h4 class="heading settled" data-level="4.2.5" id="simid-media-play"><span class="secno">4.2.5. </span><span class="content">SIMID:Media:play</span><a class="self-link" href="#simid-media-play"></a></h4>
    When media playback starts as a result of autoplay or its state is no longer paused (in HTML, <code>HTMLMediaElement</code> dispatches a <code>play</code> event),  the player posts a <code>SIMID:Media:play</code> message. 
   <h4 class="heading settled" data-level="4.2.6" id="simid-media-playing"><span class="secno">4.2.6. </span><span class="content">SIMID:Media:playing</span><a class="self-link" href="#simid-media-playing"></a></h4>
    The player posts a <code>SIMID:Media:playing</code> message in one of the following cases: 
   <ul>
    <li data-md>
     <p>the media has enough data to start playback;</p>
    <li data-md>
     <p>the media recovered from <code>stalled</code> state;</p>
    <li data-md>
     <p>playback restarts;</p>
    <li data-md>
     <p>after seek operation completion.</p>
   </ul>
   <p>In HTML, the player posts a <code>Media:playing</code> message when <code>HTMLMediaElement</code> dispatches a <code>playing</code> event.</p>
   <h4 class="heading settled" data-level="4.2.7" id="simid-media-seeked"><span class="secno">4.2.7. </span><span class="content">SIMID:Media:seeked</span><a class="self-link" href="#simid-media-seeked"></a></h4>
    When the user finished moving playhead into a new position (in HTML, <code>HTMLMediaElement</code> dispatches a <code>seeked</code> event), the player posts a <code>SIMID:Media:seeked</code> message. 
   <h4 class="heading settled" data-level="4.2.8" id="simid-media-seeking"><span class="secno">4.2.8. </span><span class="content">SIMID:Media:seeking</span><a class="self-link" href="#simid-media-seeking"></a></h4>
    When the user initiates seek operation (in HTML, <code>HTMLMediaElement</code> dispatches a <code>seeking</code> event), the player posts a <code>SIMID:Media:seeking</code> message. 
   <h4 class="heading settled" data-level="4.2.9" id="simid-media-stalled"><span class="secno">4.2.9. </span><span class="content">SIMID:Media:stalled</span><a class="self-link" href="#simid-media-stalled"></a></h4>
    When media data is not available for rendering (in HTML, <code>HTMLMediaElement</code> dispatches a <code>stalled</code> event), the player posts a <code>SIMID:Media:stalled</code> message. 
   <h4 class="heading settled" data-level="4.2.10" id="simid-media-timeupdate"><span class="secno">4.2.10. </span><span class="content">SIMID:Media:timeupdate</span><a class="self-link" href="#simid-media-timeupdate"></a></h4>
    The player communicates media playhead position by posting a <code>SIMID:Media:timeupdate</code> message. The message <code>Media:timeupdate</code> frequency should be not less than every 250ms. 
   <p>In HTML, the player sends a <code>Media:timeupdate</code> message <code data-span-tag="when"> HTMLMediaElement</code> dispatches a <code>timeupdate</code> event.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs②"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs②"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float①"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-currenttime"><code><c- g>currentTime</c-></code><a class="self-link" href="#dom-messageargs-currenttime"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="attribute" data-export id="dom-messageargs-currenttime①"><code>currentTime</code><a class="self-link" href="#dom-messageargs-currenttime①"></a></dfn>, <span></span>
    <dd>The value in seconds. In HTML, <code>HTMLMediaElement.currentTime</code> property value. 
   </dl>
   <p class="note" role="note">In Server-Side Ad Insertion, the client-side media playback is a continuous stream which requires additional <code>currentTime</code> calculations. For the current ad, the player must compute the <code>currentTime</code> value as a delta between the actual playhead position and the time the ad started.</p>
   <h4 class="heading settled" data-level="4.2.11" id="simid-media-volumechange"><span class="secno">4.2.11. </span><span class="content">SIMID:Media:volumechange</span><a class="self-link" href="#simid-media-volumechange"></a></h4>
    When the media audio state changes (in HTML, <code>HTMLMediaElement</code> dispatches a <code>volumechange</code> event), the player posts a <code>SIMID:Media:volumechange</code> message. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs③"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs③"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float②"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-volume"><code><c- g>volume</c-></code><a class="self-link" href="#dom-messageargs-volume"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-muted"><code><c- g>muted</c-></code><a class="self-link" href="#dom-messageargs-muted"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-volume"><code>volume</code><a class="self-link" href="#dom-foointerface-volume"></a></dfn>, <span></span>
    <dd>The number between <code>0</code> and <code>1</code>.* 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-muted"><code>muted</code><a class="self-link" href="#dom-foointerface-muted"></a></dfn>, <span></span>
    <dd><code>true</code> if audio is muted.* 
   </dl>
   <ul class="footnote">
    <li>The properties <code>volume</code> and <code>muted</code> describe two independent audio states. While the media is muted, its <code>volume</code> may be greater than zero; while <code>volume</code> is zero, the media may be unmuted.
   </ul>
   <h3 class="heading settled" data-level="4.3" id="player-messages"><span class="secno">4.3. </span><span class="content">Messages from the player</span><a class="self-link" href="#player-messages"></a></h3>
    SIMID specifies a group of messages that enables the player to transmit data, instructions, or state changes to the creative. The player prepends such message types with the <code>SIMID:Player</code> namespace. 
   <p><code>SIMID:Player</code> messages do not communicate ad media states; SIMID dedicates <a href="#media-messages">§ 4.2 Messages Triggered by Media Element Events</a> to report media status.</p>
   <p>While some <code>SIMID:Player</code> messages expect <code>resolve</code> and/or <code>reject</code> creative responses, other messages do not require replies.</p>
   <p id="table-player-messages" table-header><code>SIMID:Player</code> messages summary.</p>
   <table class="alternatecolor messages-summary">
    <tbody>
     <tr>
      <th width="40%">Message type
      <th width="30%">parameters
      <th width="30%">Responses
     <tr>
      <td><a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a>
      <td>n/a
      <td><a href="#simid-player-adSkipped-resolve">§ 4.3.1.1 resolve</a>
     <tr>
      <td><a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a>
      <td><code>code</code>
      <td><a href="#simid-player-adStopped-resolve">§ 4.3.2.1 resolve</a>
     <tr>
      <td><a href="#simid-player-app-backgrounded">§ 4.3.3 SIMID:Player:appBackgrounded</a>
      <td>n/a
      <td><a href="#simid-player-app-backgrounded-resolve">§ 4.3.3.1 resolve</a>
     <tr>
      <td><a href="#simid-player-app-foregrounded">§ 4.3.4 SIMID:Player:appForegrounded</a>
      <td>n/a
      <td>n/a
     <tr>
      <td><a href="#simid-player-fatalError">§ 4.3.6 SIMID:Player:fatalError</a>
      <td><code>errorCode</code><br><code>errorMessage</code>
      <td><a href="#simid-player-fatalError-resolve">§ 4.3.6.1 resolve</a>
     <tr>
      <td><a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a>
      <td><code>environmentData</code><br><code>creativeData</code>
      <td><a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a><br><a href="#simid-player-init-reject">§ 4.3.7.2 reject</a>
     <tr>
      <td><a href="#simid-player-log">§ 4.3.8 SIMID:Player:log</a>
      <td><code>message</code>
      <td>n/a
     <tr>
      <td><a href="#simid-player-resize">§ 4.3.9 SIMID:Player:resize</a>
      <td><code>mediaDimensions</code><br><code>creativeDimensions</code><br><code>fullscreen</code>
      <td>n/a
     <tr>
      <td><a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a>
      <td>n/a
      <td><a href="#simid-player-startCreative-resolve">§ 4.3.10.1 resolve</a><br><a href="#simid-player-startCreative-reject">§ 4.3.10.2 reject</a>
   </table>
   <h4 class="heading settled" data-level="4.3.1" id="simid-player-adSkipped"><span class="secno">4.3.1. </span><span class="content">SIMID:Player:adSkipped</span><a class="self-link" href="#simid-player-adSkipped"></a></h4>
    The player posts a <code>SIMID:Player:adSkipped</code> message immediately after the user ends ad experience. For example, by clicking on the player-owned 
   <button skip-ad>Skip Ad</button>
    button. The player must stop the media and hide the creative iframe before sending the <code>Player:adSkipped</code> message. 
   <p>The player waits for the <code>resolve</code> creative response. The player may time out if the creative takes too long to respond and unload the iframe. The timeout should be reasonable to allow creative to conclude ad-end logic.</p>
   <h5 class="heading settled" data-level="4.3.1.1" id="simid-player-adSkipped-resolve"><span class="secno">4.3.1.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-player-adSkipped-resolve"></a></h5>
    The creative must respond to <code>Player:adSkipped</code> with <code>resolve</code> once its internal ad-end processes finalize. When the player receives <code>resolve</code>, it unloads the creative iframe. 
   <h4 class="heading settled" data-level="4.3.2" id="simid-player-adStopped"><span class="secno">4.3.2. </span><span class="content">SIMID:Player:adStopped</span><a class="self-link" href="#simid-player-adStopped"></a></h4>
    The player posts a <code>SIMID:Player:adStopped</code> message immediately after it terminates the ad for any reason other than a user generated skip.  See <a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a>. 
   <p>The player must stop media playback and hide the creative iframe before reporting <code>Player:adStopped</code>. The player must wait for a <code>resolve</code> response from the creative allotting a reasonable timeout to accommodate creative’s needs to finalize the ad-end logic.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs④"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs④"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short①"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-code"><code><c- g>code</c-></code><a class="self-link" href="#dom-messageargs-code"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-code"><code>code</code><a class="self-link" href="#dom-foointerface-code"></a></dfn>, <span></span>
    <dd>
     Ad stop cause code. Values: 
     <ul class="values-list">
      <li><code>0</code> Unspecified
      <li><code>1</code> User-initiated close
      <li><code>2</code> Auto-close due to media playback completion
      <li><code>3</code> Player-initiated close before media playback completion
      <li><code>4</code> Creative-initiated close
      <li><code>5</code> Nonlinear duration complete.
     </ul>
   </dl>
   <h5 class="heading settled" data-level="4.3.2.1" id="simid-player-adStopped-resolve"><span class="secno">4.3.2.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-player-adStopped-resolve"></a></h5>
    The creative must respond to <code>Player:adStopped</code> with <code>resolve</code> once its internal ad-end processes finalize. When the player receives <code>resolve</code>, it unloads the creative iframe. 
   <h4 class="heading settled" data-level="4.3.3" id="simid-player-app-backgrounded"><span class="secno">4.3.3. </span><span class="content">SIMID:Player:appBackgrounded</span><a class="self-link" href="#simid-player-app-backgrounded"></a></h4>
    Within mobile in-app ads, when the app moves to the background, the player posts a <code>SIMID:Player:appBackgrounded</code> message. 
   <h5 class="heading settled" data-level="4.3.3.1" id="simid-player-app-backgrounded-resolve"><span class="secno">4.3.3.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-player-app-backgrounded-resolve"></a></h5>
    The creative resonds to <code>appBackgrounded</code> with <code>resolve</code> message. 
   <h4 class="heading settled" data-level="4.3.4" id="simid-player-app-foregrounded"><span class="secno">4.3.4. </span><span class="content">SIMID:Player:appForegrounded</span><a class="self-link" href="#simid-player-app-foregrounded"></a></h4>
    Within mobile in-app ad executions, when the app moves from the background to the foreground, the player posts a <code>SIMID:Player:appForegrounded</code> message. 
   <h4 class="heading settled" data-level="4.3.5" id="simid-player-collapseNonlinear"><span class="secno">4.3.5. </span><span class="content">SIMID:Player:collapseNonlinear</span><a class="self-link" href="#simid-player-collapseNonlinear"></a></h4>
   <p>The player may resize the ad to its default dimensions without the creative requesting a collapse. The player may collapse the ad based on its internal logic or in response to the user resuming media playback.</p>
   <p>The player posts the <a href="#simid-player-collapseNonlinear">§ 4.3.5 SIMID:Player:collapseNonlinear</a> message before it resizes the creative iframe.</p>
   <p>The <a href="#simid-player-collapseNonlinear">§ 4.3.5 SIMID:Player:collapseNonlinear</a> is an information-only message; there are no associated resolution responses.</p>
   <h4 class="heading settled" data-level="4.3.6" id="simid-player-fatalError"><span class="secno">4.3.6. </span><span class="content">SIMID:Player:fatalError</span><a class="self-link" href="#simid-player-fatalError"></a></h4>
    The player posts a <code>SIMID:Player:fatalError</code> message when it encounters exceptions that disqualify the ad from displaying any longer. If feasible, the player stops the ad media. 
   <p>Regardless of the player’s ability to terminate playback, the player should hide creative iframe and wait for <code>resolve</code> response before unloading iframe.</p>
   <p>See <a href="#workflow-error">§ 6.9.5 Ad Errors Out</a></p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs⑤"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs⑤"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short②"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-errorcode"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-messageargs-errorcode"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-errormessage"><code><c- g>errorMessage</c-></code><a class="self-link" href="#dom-messageargs-errormessage"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode"></a></dfn>, <span></span>
    <dd>See <a href="#error-codes">§ 9 Error Codes</a>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errormessage"><code>errorMessage</code><a class="self-link" href="#dom-foointerface-errormessage"></a></dfn>, <span></span>
    <dd>Additional information 
   </dl>
   <h5 class="heading settled" data-level="4.3.6.1" id="simid-player-fatalError-resolve"><span class="secno">4.3.6.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-player-fatalError-resolve"></a></h5>
    The creative must respond to <code>Player:fatalError</code> with <code>resolve</code>. After <code>resolve</code> arrives, the player should remove the iframe. 
   <p>See <a href="#workflow-error">§ 6.9.5 Ad Errors Out</a></p>
   <h4 class="heading settled" data-level="4.3.7" id="simid-player-init"><span class="secno">4.3.7. </span><span class="content">SIMID:Player:init</span><a class="self-link" href="#simid-player-init"></a></h4>
    The purpose of the <code>SIMID:player:init</code> message is to transport data to assist with the interactive component initialization. See <a href="#workflow-initialization">§ 6.2 Typical Initialization WorkFlow</a> and <a href="#workflow-uninterupted-initialization">§ 6.4 Uninterrupted Initialization WorkFlow</a>. 
   <p>The creative must respond to <code>Player:init</code> with either <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a> or <a href="#simid-player-init-reject">§ 4.3.7.2 reject</a>.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs⑥"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs⑥"></a></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-environmentdata" id="ref-for-dictdef-environmentdata"><c- n>EnvironmentData</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="EnvironmentData " id="dom-messageargs-environmentdata"><code><c- g>environmentData</c-></code><a class="self-link" href="#dom-messageargs-environmentdata"></a></dfn>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-creativedata" id="ref-for-dictdef-creativedata"><c- n>CreativeData</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="CreativeData " id="dom-messageargs-creativedata"><code><c- g>creativeData</c-></code><a class="self-link" href="#dom-messageargs-creativedata"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-environmentdata"><code>environmentData</code><a class="self-link" href="#dom-foointerface-environmentdata"></a></dfn>, <span></span>
    <dd>Information about publisher’s environment and media player capacities. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-creativedata"><code>creativeData</code><a class="self-link" href="#dom-foointerface-creativedata"></a></dfn>, <span></span>
    <dd>Information that pertains to the specific creative. 
   </dl>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="dictionary" data-export id="dictdef-creativedata"><code><c- g>CreativeData</c-></code></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString②"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="CreativeData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-creativedata-adparameters"><code><c- g>adParameters</c-></code><a class="self-link" href="#dom-creativedata-adparameters"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString③"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="CreativeData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-creativedata-clickthruurl"><code><c- g>clickThruUrl</c-></code><a class="self-link" href="#dom-creativedata-clickthruurl"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-adparameters"><code>adParameters</code><a class="self-link" href="#dom-foointerface-adparameters"></a></dfn>, <span></span>
    <dd>Typically, the value of VAST <code>&lt;AdParameters></code> node. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-clickthruurl"><code>clickThruUrl</code><a class="self-link" href="#dom-foointerface-clickthruurl"></a></dfn>, <span></span>
    <dd>Value of VAST <code>&lt;ClickThrough></code> node. 
   </dl>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="dictionary" data-export id="dictdef-environmentdata"><code><c- g>EnvironmentData</c-></code></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-environmentdata-videodimensions"><code><c- g>videoDimensions</c-></code><a class="self-link" href="#dom-environmentdata-videodimensions"></a></dfn>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions①"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-environmentdata-creativedimensions"><code><c- g>creativeDimensions</c-></code><a class="self-link" href="#dom-environmentdata-creativedimensions"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean①"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-environmentdata-fullscreen"><code><c- g>fullscreen</c-></code><a class="self-link" href="#dom-environmentdata-fullscreen"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean②"><c- b>boolean</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-environmentdata-fullscreenallowed"><code><c- g>fullscreenAllowed</c-></code></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean③"><c- b>boolean</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-environmentdata-variabledurationallowed"><code><c- g>variableDurationAllowed</c-></code></dfn>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#enumdef-skippablestate" id="ref-for-enumdef-skippablestate"><c- n>SkippableState</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="SkippableState " id="dom-environmentdata-skippablestate"><code><c- g>skippableState</c-></code><a class="self-link" href="#dom-environmentdata-skippablestate"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString④"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-environmentdata-skipoffset"><code><c- g>skipoffset</c-></code><a class="self-link" href="#dom-environmentdata-skipoffset"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString⑤"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-environmentdata-version"><code><c- g>version</c-></code><a class="self-link" href="#dom-environmentdata-version"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString⑥"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-environmentdata-siteurl"><code><c- g>siteUrl</c-></code><a class="self-link" href="#dom-environmentdata-siteurl"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString⑦"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-environmentdata-appid"><code><c- g>appId</c-></code><a class="self-link" href="#dom-environmentdata-appid"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString⑧"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-environmentdata-useragent"><code><c- g>useragent</c-></code><a class="self-link" href="#dom-environmentdata-useragent"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString⑨"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-environmentdata-deviceid"><code><c- g>deviceId</c-></code><a class="self-link" href="#dom-environmentdata-deviceid"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean④"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-environmentdata-muted"><code><c- g>muted</c-></code><a class="self-link" href="#dom-environmentdata-muted"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float③"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="float " id="dom-environmentdata-volume"><code><c- g>volume</c-></code><a class="self-link" href="#dom-environmentdata-volume"></a></dfn>;
  <a data-link-type="idl-name" href="#enumdef-navigationsupport" id="ref-for-enumdef-navigationsupport"><c- n>NavigationSupport</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="NavigationSupport " id="dom-environmentdata-navigationsupport"><code><c- g>navigationSupport</c-></code><a class="self-link" href="#dom-environmentdata-navigationsupport"></a></dfn>;
  <a data-link-type="idl-name" href="#enumdef-closebuttonsupport" id="ref-for-enumdef-closebuttonsupport"><c- n>CloseButtonSupport</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="CloseButtonSupport " id="dom-environmentdata-closebuttonsupport"><code><c- g>closeButtonSupport</c-></code><a class="self-link" href="#dom-environmentdata-closebuttonsupport"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float④"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="EnvironmentData" data-dfn-type="dict-member" data-export data-type="float " id="dom-environmentdata-nonlinearduration"><code><c- g>nonlinearDuration</c-></code><a class="self-link" href="#dom-environmentdata-nonlinearduration"></a></dfn>;
};

<c- b>dictionary</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="dictionary" data-export id="dictdef-dimensions"><code><c- g>Dimensions</c-></code></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-x"><code><c- g>x</c-></code><a class="self-link" href="#dom-dimensions-x"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-y"><code><c- g>y</c-></code><a class="self-link" href="#dom-dimensions-y"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long②"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-width"><code><c- g>width</c-></code><a class="self-link" href="#dom-dimensions-width"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long③"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-height"><code><c- g>height</c-></code><a class="self-link" href="#dom-dimensions-height"></a></dfn>;
};

<c- b>enum</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="enum" data-export id="enumdef-skippablestate"><code><c- g>SkippableState</c-></code></dfn> {<dfn class="idl-code" data-dfn-for="SkippableState" data-dfn-type="enum-value" data-export id="dom-skippablestate-playerhandles"><code><c- s>"playerHandles"</c-></code><a class="self-link" href="#dom-skippablestate-playerhandles"></a></dfn>, <dfn class="idl-code" data-dfn-for="SkippableState" data-dfn-type="enum-value" data-export id="dom-skippablestate-adhandles"><code><c- s>"adHandles"</c-></code><a class="self-link" href="#dom-skippablestate-adhandles"></a></dfn>, <dfn class="idl-code" data-dfn-for="SkippableState" data-dfn-type="enum-value" data-export id="dom-skippablestate-notskippable"><code><c- s>"notSkippable"</c-></code><a class="self-link" href="#dom-skippablestate-notskippable"></a></dfn>};
<c- b>enum</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="enum" data-export id="enumdef-navigationsupport"><code><c- g>NavigationSupport</c-></code></dfn> {<dfn class="idl-code" data-dfn-for="NavigationSupport" data-dfn-type="enum-value" data-export id="dom-navigationsupport-adhandles"><code><c- s>"adHandles"</c-></code><a class="self-link" href="#dom-navigationsupport-adhandles"></a></dfn>, <dfn class="idl-code" data-dfn-for="NavigationSupport" data-dfn-type="enum-value" data-export id="dom-navigationsupport-playerhandles"><code><c- s>"playerHandles"</c-></code><a class="self-link" href="#dom-navigationsupport-playerhandles"></a></dfn>, <dfn class="idl-code" data-dfn-for="NavigationSupport" data-dfn-type="enum-value" data-export id="dom-navigationsupport-notsupported"><code><c- s>"notSupported"</c-></code><a class="self-link" href="#dom-navigationsupport-notsupported"></a></dfn>};
<c- b>enum</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="enum" data-export id="enumdef-closebuttonsupport"><code><c- g>CloseButtonSupport</c-></code></dfn> {<dfn class="idl-code" data-dfn-for="CloseButtonSupport" data-dfn-type="enum-value" data-export id="dom-closebuttonsupport-adhandles"><code><c- s>"adHandles"</c-></code><a class="self-link" href="#dom-closebuttonsupport-adhandles"></a></dfn>, <dfn class="idl-code" data-dfn-for="CloseButtonSupport" data-dfn-type="enum-value" data-export id="dom-closebuttonsupport-playerhandles"><code><c- s>"playerHandles"</c-></code><a class="self-link" href="#dom-closebuttonsupport-playerhandles"></a></dfn>};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-videodimensions"><code>videoDimensions</code><a class="self-link" href="#dom-foointerface-videodimensions"></a></dfn>, <span></span>
    <dd>Communicates media element coordinates and size. -1 indicates an unknown value. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-creativedimensions"><code>creativeDimensions</code><a class="self-link" href="#dom-foointerface-creativedimensions"></a></dfn>, <span></span>
    <dd>Communicates creative iframe coordinates and size the player will set when iframe becomes visible. -1 indicates an unknown value. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-fullscreen"><code>fullscreen</code><a class="self-link" href="#dom-foointerface-fullscreen"></a></dfn>, <span></span>
    <dd>The value <code>true</code> indicates that the player is currently in fullscreen mode. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-fullscreenallowed"><code>fullscreenAllowed</code><a class="self-link" href="#dom-foointerface-fullscreenallowed"></a></dfn>, <span></span>
    <dd>
     Communicates the player’s capacity to toggle screen modes. 
     <ul collapse>
      <li>The value <code>true</code> indicates that creative may request screen mode change.
      <li>The value <code>false</code> denotes that the player will reject calls to change screen mode.*
     </ul>
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-variabledurationallowed"><code>variableDurationAllowed</code><a class="self-link" href="#dom-foointerface-variabledurationallowed"></a></dfn>, <span></span>
    <dd>
     Communicates player’s capacities† to: 
     <ol alpha collapse>
      <li>interrupt ad playback progress – the ability to pause the media;
      <li>extend ad user experience length beyond ad media duration after ad playback completion;
      <li>accommodate creative’s ad stop request.
     </ol>
      The value <code>true</code> asserts that the player can: 
     <ul collapse>
      <li>pause media playback in response to creative’s requests;
      <li>extend ad experience after media playback completion (and abstaining from ad unloading) if the creative posts ad duration change instructions;
      <li>accommodate creative’s ad stop request.‡
     </ul>
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-skippablestate"><code>skippableState</code><a class="self-link" href="#dom-foointerface-skippablestate"></a></dfn>, <span></span>
    <dd>
     Expresses: 
     <ol alpha collapse>
      <li>player’s ability to skip the ad;†
      <li>VAST skippability-associated instructions logic management;
      <li>
       <button skip-ad>Skip Ad</button>
        button handling delegation.
     </ol>
      The value <code>playerHandles</code> indicates that all of the following applies: 
     <ul collapse>
      <li>the publisher controls skippability logic (including handling of VAST <code>skipoffset</code> directives);
      <li>either VAST contains <code>skipoffset</code> or the skippability is the publisher-administered behavior;
      <li>
       the player implements the 
       <button skip-ad>Skip Ad</button>
        button;
      <li>the player will ignore skip requests from the creative.
     </ul>
      The value <code>adHandles</code> signals that the player: 
     <ul collapse>
      <li>can skip the ad;
      <li>
       does not implement internal 
       <button skip-ad>Skip Ad</button>
        button;
      <li>disregards VAST skippability directives;
      <li>will skip the ad in response to <a href="#simid-creative-requestSkip">§ 4.4.16 SIMID:Creative:requestSkip</a> message.§
     </ul>
      The value <code>notSkippable</code> declares that the player: 
     <ul collapse>
      <li>cannot skip the ad;
      <li>ignores VAST skippability instructions;
      <li>will disregard skip request from the creative.
     </ul>
      With both <code>playerHandles</code> and <code>notSkippable</code>, the creative avoids the 
     <button skip-ad>Skip Ad</button>
      button drawing. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-skipoffset"><code>skipoffset</code><a class="self-link" href="#dom-foointerface-skipoffset"></a></dfn>, <span></span>
    <dd>
     Optional parameter that communicates the time the ad becomes skippable for the current session. 
     <p>The <code>skipoffset</code> value format is <code>"HH:MM:SS"</code> or <code>"HH:MM:SS.mmm"</code>.</p>
      The value can differ from the <code>skipoffset</code> in the VAST response when the player controls skippability. 
  If the parameter’s <code>skippableState</code> value is <code>"adHandles"</code>, the creative must display the 
     <button skip-ad>Skip Ad</button>
      button when media playback arrives at the time specified by the <code>skipoffset</code> parameter. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-version"><code>version</code><a class="self-link" href="#dom-foointerface-version"></a></dfn>, <span></span>
    <dd>The SIMID version the player implements. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-muted①"><code>muted</code><a class="self-link" href="#dom-foointerface-muted①"></a></dfn>, <span></span>
    <dd><code>true</code> if the player § is muted.◊ 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-volume①"><code>volume</code><a class="self-link" href="#dom-foointerface-volume①"></a></dfn>, <span></span>
    <dd>player’s § volume – expressed as a number between <code>0</code> and <code>1.0</code>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-siteurl"><code>siteUrl</code><a class="self-link" href="#dom-foointerface-siteurl"></a></dfn>, <span></span>
    <dd>The URI of the publisher’s site. May be full or partial URL. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-appid"><code>appId</code><a class="self-link" href="#dom-foointerface-appid"></a></dfn>, <span></span>
    <dd>The ID of the mobile app, if applicable. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-useragent"><code>useragent</code><a class="self-link" href="#dom-foointerface-useragent"></a></dfn>, <span></span>
    <dd>The information about SDKs as well as the player’s vendor and version. The value should comply with VAST-specified conventions. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-deviceid"><code>deviceId</code><a class="self-link" href="#dom-foointerface-deviceid"></a></dfn>, <span></span>
    <dd>IDFA or AAID 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-navigationsupport"><code>NavigationSupport</code><a class="self-link" href="#dom-foointerface-navigationsupport"></a></dfn>, <span></span>
    <dd>
      Indicates how clickthroughs should be handled. 
     <ul collapse>
      <li><b>playerHandles</b> Indicates that because of the platform, the player should handle clickthrough via <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a>. Mobile platforms are often this way.
      <li><b>adHandles</b> Indicates that the creative should open tabs or windows in response to user clicks. Web platforms are often this way.
      <li><b>notSupported</b> The platform does not support clickthrough.
     </ul>
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-closebuttonsupport"><code>CloseButtonSupport</code><a class="self-link" href="#dom-foointerface-closebuttonsupport"></a></dfn>, <span></span>
    <dd>
      Indicates what should render a close button for nonlinear ads. 
     <ul collapse>
      <li><b>playerHandles</b> Indicates the player will render a close button for nonlinear ads.
      <li><b>adHandles</b> Indicates that the creative may render a close button. If the player will not render a close button it should always use adHandles for this parameter.
     </ul>
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-nonlinearduration"><code>nonlinearDuration</code><a class="self-link" href="#dom-foointerface-nonlinearduration"></a></dfn>, <span></span>
    <dd>The duration in seconds that a nonlinear ad will play for. Often, this might be the same as minSuggestedDuration from the VAST response or the duration of the content. 
   </dl>
   <ul class="footnote">
    <li>see <a href="#simid-creative-requestFullscreen">§ 4.4.10 SIMID:Creative:requestFullscreen</a> and <a href="#simid-creative-requestExitFullscreen">§ 4.4.11 SIMID:Creative:requestExitFullscreen</a> messages.
    <li>In SSAI, live broadcast, and other time-constrained environments, the player must support uninterrupted media (both content and ads) playback progress. Specifically, the player may not be able to pause the media, shorten ad, or extend user ad experience.
    <li>see <a href="#simid-creative-requestPause">§ 4.4.13 SIMID:Creative:requestPause</a>, <a href="#simid-creative-requestPlay">§ 4.4.14 SIMID:Creative:requestPlay</a>, <a href="#simid-creative-requestChangeAdDuration">§ 4.4.8 SIMID:Creative:requestChangeAdDuration</a>, and <a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a>.
    <li>SIMID does not expect device audio state information.
    <li>Values of <code>muted</code> and <code>volume</code> are independent. While the player is muted, <code>volume</code> can be greater than zero; the <code>volume</code> zero does not mean the player is muted.
   </ul>
   <h5 class="heading settled" data-level="4.3.7.1" id="simid-player-init-resolve"><span class="secno">4.3.7.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-player-init-resolve"></a></h5>
   <p>The creative acknowledges the initialization parameters.</p>
   <p>If the creative delays calling resolve, see <a href="#workflow-delayed-init-resolve">§ 6.5 Creative Delays Resolving Init</a>.</p>
   <h5 class="heading settled" data-level="4.3.7.2" id="simid-player-init-reject"><span class="secno">4.3.7.2. </span><span class="content">reject</span><a class="self-link" href="#simid-player-init-reject"></a></h5>
   <p>The creative may respond with a reject based on its internal logic.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs⑦"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs⑦"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short③"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-errorcode①"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-messageargs-errorcode①"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①⓪"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-reason"><code><c- g>reason</c-></code><a class="self-link" href="#dom-messageargs-reason"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode①"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode①"></a></dfn>, <span></span>
    <dd>See <a href="#error-codes">§ 9 Error Codes</a>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-reason"><code>reason</code><a class="self-link" href="#dom-foointerface-reason"></a></dfn>, <span></span>
    <dd>Optional information about rejection cause. 
   </dl>
   <p>The player then will follow the rejection workflow. See <a href="#workflow-reject-initialization">§ 6.6 Creative Rejects Init</a>.</p>
   <h4 class="heading settled" data-level="4.3.8" id="simid-player-log"><span class="secno">4.3.8. </span><span class="content">SIMID:Player:log</span><a class="self-link" href="#simid-player-log"></a></h4>
    The purpose of the Player:log message is to convey optional, primarily debugging, information to the creative. 
   <p class="note" role="note"><span>Note:</span> In SIMID prefixing log messages with “WARNING:” has a specific meaning. The player is communicating performance inefficiencies or specification deviations aimed at creative developers. For example, if the creative sends the requestChangeVolume message but does not use the correct parameters, a “WARNING:” message is appropriate.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs⑧"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs⑧"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①①"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-message①"><code><c- g>message</c-></code><a class="self-link" href="#dom-messageargs-message①"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-message①"><code>message</code><a class="self-link" href="#dom-foointerface-message①"></a></dfn>, <span></span>
    <dd>Logging information. 
   </dl>
   <h4 class="heading settled" data-level="4.3.9" id="simid-player-resize"><span class="secno">4.3.9. </span><span class="content">SIMID:Player:resize</span><a class="self-link" href="#simid-player-resize"></a></h4>
    When the player changes any of ad components’ size, it posts the <code>SIMID:Player:resize</code> message. The message describes the media and creative sizes, independently, even if the dimensions are identical. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs⑨"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs⑨"></a></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions②"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-messageargs-videodimensions"><code><c- g>videoDimensions</c-></code><a class="self-link" href="#dom-messageargs-videodimensions"></a></dfn>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions③"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-messageargs-creativedimensions"><code><c- g>creativeDimensions</c-></code><a class="self-link" href="#dom-messageargs-creativedimensions"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean⑤"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-fullscreen"><code><c- g>fullscreen</c-></code><a class="self-link" href="#dom-messageargs-fullscreen"></a></dfn>;
};

<c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-dimensions①"><code><c- g>Dimensions</c-></code><a class="self-link" href="#dictdef-dimensions①"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long④"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-x①"><code><c- g>x</c-></code><a class="self-link" href="#dom-dimensions-x①"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long⑤"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-y①"><code><c- g>y</c-></code><a class="self-link" href="#dom-dimensions-y①"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long⑥"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-width①"><code><c- g>width</c-></code><a class="self-link" href="#dom-dimensions-width①"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long⑦"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-height①"><code><c- g>height</c-></code><a class="self-link" href="#dom-dimensions-height①"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-mediadimensions"><code>mediaDimensions</code><a class="self-link" href="#dom-foointerface-mediadimensions"></a></dfn>, <span></span>
    <dd>Media element size and coordinates. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-creativedimensions①"><code>creativeDimensions</code><a class="self-link" href="#dom-foointerface-creativedimensions①"></a></dfn>, <span></span>
    <dd>SIMID iframe size and coordinates.* 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-fullscreen①"><code>fullscreen</code><a class="self-link" href="#dom-foointerface-fullscreen①"></a></dfn>, <span></span>
    <dd>Value is <code>true</code> when the ad is in fullscreen mode. 
   </dl>
   <ul class="footnote">
    <li>If the  iframe is invisible at the time the player posts <code>resize</code> message, the parameter <code>creativeDimensions</code> communicates forthcoming values: iframe’s size, and coordinates once it is displayed.
   </ul>
   <h4 class="heading settled" data-level="4.3.10" id="simid-player-startCreative"><span class="secno">4.3.10. </span><span class="content">SIMID:Player:startCreative</span><a class="self-link" href="#simid-player-startCreative"></a></h4>
   <p>See <a href="#workflow-startCreative">§ 6.3 Typical Start Creative WorkFlow</a></p>
   <p>The player posts <code>SIMID:Player:startCreative</code> message when it is ready to make the iframe visible. The player must transmit <code>Player:startCreative</code> as close to the first media frame rendering as possible. The player waits for a <a href="#simid-player-startCreative-resolve">§ 4.3.10.1 resolve</a> response to display the SIMID iframe. The interactive creative should be ready to reply to <code>Player:startCreative</code> immediately.</p>
   <p><a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> section describes the flow that precedes the instant the player emits a <code>Player:startCreative</code> message.</p>
   <h5 class="heading settled" data-level="4.3.10.1" id="simid-player-startCreative-resolve"><span class="secno">4.3.10.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-player-startCreative-resolve"></a></h5>
    By posting <code>resolve</code>, the interactive creative acknowledges that it is ready for display. The creative should be ready to respond immediately. The player makes the iframe visible upon a resolve receipt 
   <p>Refer to <a href="#workflow-startCreative">§ 6.3 Typical Start Creative WorkFlow</a> <span step><b>2</b></span>.</p>
   <p>If the creative fails to reply with a <code>resolve</code> by the time ad media playback completes, the player reports VAST error tracker with the errorCode 1213. See <a href="#error-codes">§ 9 Error Codes</a>.</p>
   <h5 class="heading settled" data-level="4.3.10.2" id="simid-player-startCreative-reject"><span class="secno">4.3.10.2. </span><span class="content">reject</span><a class="self-link" href="#simid-player-startCreative-reject"></a></h5>
    When the creative responds with a reject, the player may unload the iframe. The player reports VAST error tracker with the <code>errorCode</code> the creative supplied. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①⓪"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①⓪"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short④"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-errorcode②"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-messageargs-errorcode②"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①②"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-reason①"><code><c- g>reason</c-></code><a class="self-link" href="#dom-messageargs-reason①"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode②"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode②"></a></dfn>, <span></span>
    <dd>See <a href="#error-codes">§ 9 Error Codes</a>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-reason①"><code>reason</code><a class="self-link" href="#dom-foointerface-reason①"></a></dfn>, <span></span>
    <dd>Additional information. 
   </dl>
   <h3 class="heading settled" data-level="4.4" id="creative-messages"><span class="secno">4.4. </span><span class="content">Messages from the Creative to the Player</span><a class="self-link" href="#creative-messages"></a></h3>
    The creative posts messages to the player to requests the ad’s state changes, obtain data, and to send notifications. The creative prefixes its messages with the namespace <code>SIMID:Creative</code>. 
   <p><code>SIMID:Creative</code> messages may require the player to accept and process arguments. With some messages, the creative expects the player to respond with resolutions.</p>
   <p class="note" role="note"><span>Note:</span> In SIMID, the creative initializes the session and posts the first message, <code>createSession</code>. See <a href="#protocol-session-layer">§ 8.4 Session Layer</a>.</p>
   <p id="table-creative-messages" table-header><code>SIMID:Creative</code> messages summary.</p>
   <table class="alternatecolor messages-summary">
    <tbody>
     <tr>
      <th width="50%">Message type
      <th width="25%"><code>ars</code> parameters
      <th width="25%">Responses
     <tr>
      <td><a href="#simid-creative-clickThru">§ 4.4.1 SIMID:Creative:clickThru</a>
      <td><code>x</code><br><code>y</code>
      <td>n/a
     <tr>
      <td><a href="#simid-creative-fatalError">§ 4.4.4 SIMID:Creative:fatalError</a>
      <td><code>errorCode</code><br><code>errorMessage</code>
      <td>n/a
     <tr>
      <td><a href="#simid-creative-getMediaState">§ 4.4.5 SIMID:Creative:getMediaState</a>
      <td>n/a
      <td><a href="#simid-creative-getMediaState-resolve">§ 4.4.5.1 resolve</a>
     <tr>
      <td><a href="#simid-creative-log">§ 4.4.6 SIMID:Creative:log</a>
      <td><code>message</code>
      <td>n/a
     <tr>
      <td><a href="#simid-creative-reportTracking">§ 4.4.7 SIMID:Creative:reportTracking</a>
      <td><code>trackingUrls</code>
      <td><a href="#simid-creative-reportTracking-resolve">§ 4.4.7.1 resolve</a><br><a href="#simid-creative-reportTracking-reject">§ 4.4.7.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestChangeAdDuration">§ 4.4.8 SIMID:Creative:requestChangeAdDuration</a>
      <td><code>duration</code>
      <td><a href="#simid-creative-requestChangeAdDuration-resolve">§ 4.4.8.1 resolve</a><br><a href="#simid-creative-requestChangeAdDuration-reject">§ 4.4.8.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestChangeVolume">§ 4.4.9 SIMID:Creative:requestChangeVolume</a>
      <td><code>volume</code><br><code>muted</code>
      <td><a href="#simid-creative-requestChangeVolume-resolve">§ 4.4.9.1 resolve</a><br><a href="#simid-creative-requestChangeVolume-reject">§ 4.4.9.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestExitFullscreen">§ 4.4.11 SIMID:Creative:requestExitFullscreen</a>
      <td>n/a
      <td><a href="#simid-creative-requestExitFullscreen-resolve">§ 4.4.11.1 resolve</a><br><a href="#simid-creative-requestExitFullscreen-reject">§ 4.4.11.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestFullscreen">§ 4.4.10 SIMID:Creative:requestFullscreen</a>
      <td>n/a
      <td><a href="#simid-creative-requestFullscreen-resolve">§ 4.4.10.1 resolve</a><br><a href="#simid-creative-requestFullscreen-reject">§ 4.4.10.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestPause">§ 4.4.13 SIMID:Creative:requestPause</a>
      <td>n/a
      <td><a href="#simid-creative-requestPause-resolve">§ 4.4.13.1 resolve</a><br><a href="#simid-creative-requestPause-reject">§ 4.4.13.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestPlay">§ 4.4.14 SIMID:Creative:requestPlay</a>
      <td>n/a
      <td><a href="#simid-creative-requestPlay-resolve">§ 4.4.14.1 resolve</a><br><a href="#simid-creative-requestPlay-reject">§ 4.4.14.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestResize">§ 4.4.15 SIMID:Creative:requestResize</a>
      <td>n/a
      <td><a href="#simid-creative-requestResize-resolve">§ 4.4.15.1 resolve</a><br><a href="#simid-creative-requestResize-reject">§ 4.4.15.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestSkip">§ 4.4.16 SIMID:Creative:requestSkip</a>
      <td>n/a
      <td><a href="#simid-creative-requestSkip-resolve">§ 4.4.16.1 resolve</a><br><a href="#simid-creative-requestSkip-reject">§ 4.4.16.2 reject</a>
     <tr>
      <td><a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a>
      <td>n/a
      <td><a href="#simid-creative-requestStop-resolve">§ 4.4.17.1 resolve</a><br><a href="#simid-creative-requestStop-reject">§ 4.4.17.2 reject</a>
   </table>
   <h4 class="heading settled" data-level="4.4.1" id="simid-creative-clickThru"><span class="secno">4.4.1. </span><span class="content">SIMID:Creative:clickThru</span><a class="self-link" href="#simid-creative-clickThru"></a></h4>
   <p>The <code>SIMID:Creative:clickThru</code> message notifies the player of a <code>clickthrough</code> for event tracking. SIMID delegates clickthrough execution to the creative, including redirecting the user to the landing page. The interactive component posts <code>clickThru</code> only when the creative classifies a user interaction as a clickthrough.</p>
   <p>The interactive component posts the <code>Creative:clickThru</code> message only when the creative classifies a user interaction as a <code>clickthrough</code>. To open the landing page in the situations when user interaction does not constitute <code>clickthrough</code>, the creative must utilize <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a> message.</p>
   <p class="note" role="note"><span>Note:</span> Not all clickthrough metrics require the opening of a landing page. The player must assume that a <code>clickThru</code> message that does not provide a landing page URL is still a valid <code>clickthrough</code> notification.</p>
   <p>The message, <code>clickThru</code>, is not an explicit media-pausing directive to the player. If the environment permits, the player must pause ad media in all cases when the user navigates away from the player-hosting page or app, including <code>clickthrough</code>. See <a href="https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API">Page Visibility API</a>.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①①"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①①"></a></dfn> {
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short" id="ref-for-idl-short"><c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="short " id="dom-messageargs-x"><code><c- g>x</c-></code><a class="self-link" href="#dom-messageargs-x"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short" id="ref-for-idl-short①"><c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="short " id="dom-messageargs-y"><code><c- g>y</c-></code><a class="self-link" href="#dom-messageargs-y"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean⑥"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-playerhandles"><code><c- g>playerHandles</c-></code><a class="self-link" href="#dom-messageargs-playerhandles"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①③"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-url"><code><c- g>url</c-></code><a class="self-link" href="#dom-messageargs-url"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-x"><code>x</code><a class="self-link" href="#dom-foointerface-x"></a></dfn>, <span></span>
    <dd>The click left offset in the creative’s coordinate system. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-y"><code>y</code><a class="self-link" href="#dom-foointerface-y"></a></dfn>, <span></span>
    <dd>The click top offset in the creative’s coordinate system. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-playerhandles"><code>playerHandles</code><a class="self-link" href="#dom-foointerface-playerhandles"></a></dfn>, <span></span>
    <dd>When <code>true</code> - creative requests the player to open the landing page. The creative must not require the player to open the external page if the <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message argument <code>navigationSupport</code> value is not <code>playerHandles</code>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-url"><code>url</code><a class="self-link" href="#dom-foointerface-url"></a></dfn>, <span></span>
    <dd>Landing page address. In the cases when the creative handles landing page redirect internally, it may not provide <code>url</code> value. In such scenarios, the creative sets <code>playerHandles</code> value to <code>false</code>. 
   </dl>
   <div diagram id="diagram-creative-clickThru">
    <p>Creative:clickThru Handling</p>
     <img alt="Creative clickThru flow." src="simid-1.1.0.images/dgrm-Creative-clickThru.png"> 
    <ol dgrm-details>
     <li>User clicks on clickthrough button.
     <li>Creative sets <code>playerHandles = true</code> and posts <a href="#simid-creative-clickThru">§ 4.4.1 SIMID:Creative:clickThru</a> message.
     <li>Player posts <a href="#simid-creative-clickThru-resolve">§ 4.4.1.1 resolve</a> message before redirecting user to the landing page.
     <li>Player opens the landing page window.
    </ol>
   </div>
   <h5 class="heading settled" data-level="4.4.1.1" id="simid-creative-clickThru-resolve"><span class="secno">4.4.1.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-clickThru-resolve"></a></h5>
    In the scenarios when the player handles landing page redirects, it responds with <code>resolve</code> before the landing page opens. 
   <h5 class="heading settled" data-level="4.4.1.2" id="simid-creative-clickThru-reject"><span class="secno">4.4.1.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-clickThru-reject"></a></h5>
    The player posts <code>reject</code> if the creative requested the player to handle navigation when the player does not implement user redirects, creative fails to provide url, or the url is invalid. The player provides the <code>errorCode</code> 1214. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①②"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①②"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short" id="ref-for-idl-short②"><c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="short " id="dom-messageargs-errorcode③"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-messageargs-errorcode③"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①④"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-reason②"><code><c- g>reason</c-></code><a class="self-link" href="#dom-messageargs-reason②"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode③"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode③"></a></dfn>, <span></span>
    <dd>1214. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-reason②"><code>reason</code><a class="self-link" href="#dom-foointerface-reason②"></a></dfn>, <span></span>
    <dd>Additional information. For example: "Invalid URL". 
   </dl>
   <h4 class="heading settled" data-level="4.4.2" id="simid-creative-collapseNonlinear"><span class="secno">4.4.2. </span><span class="content">SIMID:Creative:collapseNonlinear</span><a class="self-link" href="#simid-creative-collapseNonlinear"></a></h4>
    When the creative is ready to collapse, it posts a <code>Creative:collapseNonlinear</code> message. In response to <code>collapseNonlinear</code>, the player resizes the ad to its original state and resumes the content media playback. 
   <div diagram id="diagram-creative-collapseNonlinear">
    <p>Creative:collapseNonlinear Handling</p>
     <img alt="Creative collapseNonlinear flow." src="simid-1.1.0.images/dgrm-Creative-collapseNonlinear.png"> 
    <ol dgrm-details>
     <li>User clicks on collapse button.
     <li>Creative posts <a href="#simid-creative-collapseNonlinear">§ 4.4.2 SIMID:Creative:collapseNonlinear</a> message.
     <li>Player resizes the creative to its original (default) dimensions.
     <li>Player resumes media playback.
     <li>Player posts <a href="#simid-creative-collapseNonlinear-resolve">§ 4.4.2.1 resolve</a> message.
    </ol>
   </div>
   <h5 class="heading settled" data-level="4.4.2.1" id="simid-creative-collapseNonlinear-resolve"><span class="secno">4.4.2.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-collapseNonlinear-resolve"></a></h5>
    When the player resizes the ad, it posts a resolve message. 
   <h4 class="heading settled" data-level="4.4.3" id="simid-creative-expandNonlinear"><span class="secno">4.4.3. </span><span class="content">SIMID:Creative:expandNonlinear</span><a class="self-link" href="#simid-creative-expandNonlinear"></a></h4>
   <p>The creative posts <code>Creative:expandNonlinear</code> when a user wants to expand the ad (by clicking expand control/button that the default creative provides). Auto-expand is strongly discouraged and goes against industry guidelines.</p>
   <p>Under normal circumstances, the player pauses the media. In cases when the content is video, the player resizes the creative iframe to the dimensions of the video and places the expanded creative at video zero coordinates.</p>
   <p>If the player communicates to the creative that it has no capacity to expand the ad with <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message, the creative does not provide an expand button or post the <code>Creaitve:expandNonlinear</code> message.</p>
   <div diagram id="diagram-creative-expandNonlinear">
    <p>Creative:expandNonlinear Handling</p>
     <img alt="Creative expandNonlinear flow." src="simid-1.1.0.images/dgrm-Creative-expandNonlinear.png"> 
    <ol dgrm-details>
     <li>User clicks on expand button.
     <li>Creative posts <a href="#simid-creative-expandNonlinear">§ 4.4.3 SIMID:Creative:expandNonlinear</a> message.
     <li>Player pauses media.
     <li>Player resizes the creative to its expanded dimensions.
     <li>Player posts <a href="#simid-creative-expandNonlinear-resolve">§ 4.4.3.1 resolve</a> message.
    </ol>
   </div>
   <h5 class="heading settled" data-level="4.4.3.1" id="simid-creative-expandNonlinear-resolve"><span class="secno">4.4.3.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-expandNonlinear-resolve"></a></h5>
    Once the player resizes the ad, it posts a <code>resolve</code> message. The player provides the expanded size dimensions and position with the resolve message.args 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①③"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①③"></a></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions④"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-messageargs-creativedimensions①"><code><c- g>creativeDimensions</c-></code><a class="self-link" href="#dom-messageargs-creativedimensions①"></a></dfn>;
};

<c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-dimensions②"><code><c- g>Dimensions</c-></code><a class="self-link" href="#dictdef-dimensions②"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long⑧"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-x②"><code><c- g>x</c-></code><a class="self-link" href="#dom-dimensions-x②"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long⑨"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-y②"><code><c- g>y</c-></code><a class="self-link" href="#dom-dimensions-y②"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①⓪"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-width②"><code><c- g>width</c-></code><a class="self-link" href="#dom-dimensions-width②"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①①"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-height②"><code><c- g>height</c-></code><a class="self-link" href="#dom-dimensions-height②"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-creativedimensions②"><code>creativeDimensions</code><a class="self-link" href="#dom-foointerface-creativedimensions②"></a></dfn>, <span></span>
    <dd>SIMID iframe size and coordinates. 
   </dl>
   <h5 class="heading settled" data-level="4.4.3.2" id="simid-creative-expandNonlinear-reject"><span class="secno">4.4.3.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-expandNonlinear-reject"></a></h5>
    If the player declines the expansion request, it posts a <code>reject</code> message. 
   <h4 class="heading settled" data-level="4.4.4" id="simid-creative-fatalError"><span class="secno">4.4.4. </span><span class="content">SIMID:Creative:fatalError</span><a class="self-link" href="#simid-creative-fatalError"></a></h4>
    The creative posts <code>SIMID:Creative:fatalError</code> in cases when its internal exceptions prevent the interactive component from further execution. In response to the <code>Creative:fatalError</code> message, the player unloads the SIMID iframe and reports VAST error tracker with the <code>errorCode</code> specified by the creative. The ad media playback must stop, if possible. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①④"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①④"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short⑤"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-errorcode④"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-messageargs-errorcode④"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①⑤"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-errormessage①"><code><c- g>errorMessage</c-></code><a class="self-link" href="#dom-messageargs-errormessage①"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode④"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode④"></a></dfn>, <span></span>
    <dd>See <a href="#error-codes">§ 9 Error Codes</a>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errormessage①"><code>errorMessage</code><a class="self-link" href="#dom-foointerface-errormessage①"></a></dfn>, <span></span>
    <dd>Additional information. 
   </dl>
   <h4 class="heading settled" data-level="4.4.5" id="simid-creative-getMediaState"><span class="secno">4.4.5. </span><span class="content">SIMID:Creative:getMediaState</span><a class="self-link" href="#simid-creative-getMediaState"></a></h4>
    The creative posts a <code>SIMID:Creative:getMediaState</code> message to request the current ad media states values. 
   <h5 class="heading settled" data-level="4.4.5.1" id="simid-creative-getMediaState-resolve"><span class="secno">4.4.5.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-getMediaState-resolve"></a></h5>
    The player should always respond  to <code>Creative:getMediaState</code> with a <code>resolve</code>, including situations when the player is unable to provide all expected values. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①⑤"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①⑤"></a></dfn> {
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①⑥"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-currentsrc"><code><c- g>currentSrc</c-></code><a class="self-link" href="#dom-messageargs-currentsrc"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float⑤"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-currenttime②"><code><c- g>currentTime</c-></code><a class="self-link" href="#dom-messageargs-currenttime②"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float⑥"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-duration①"><code><c- g>duration</c-></code><a class="self-link" href="#dom-messageargs-duration①"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean⑦"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-ended"><code><c- g>ended</c-></code><a class="self-link" href="#dom-messageargs-ended"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean⑧"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-muted①"><code><c- g>muted</c-></code><a class="self-link" href="#dom-messageargs-muted①"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean⑨"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-paused"><code><c- g>paused</c-></code><a class="self-link" href="#dom-messageargs-paused"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float⑦"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-volume①"><code><c- g>volume</c-></code><a class="self-link" href="#dom-messageargs-volume①"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean①⓪"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-fullscreen①"><code><c- g>fullscreen</c-></code><a class="self-link" href="#dom-messageargs-fullscreen①"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-currentsrc"><code>currentSrc</code><a class="self-link" href="#dom-foointerface-currentsrc"></a></dfn>, <span></span>
    <dd>The URI to the media publisher chooses for the playback. This value is optional and may not be provided in the case of server side ad insertion. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-currenttime"><code>currentTime</code><a class="self-link" href="#dom-foointerface-currenttime"></a></dfn>, <span></span>
    <dd>The time elapsed since the first ad media frame. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-duration①"><code>duration</code><a class="self-link" href="#dom-foointerface-duration①"></a></dfn>, <span></span>
    <dd>Ad media duration. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-ended"><code>ended</code><a class="self-link" href="#dom-foointerface-ended"></a></dfn>, <span></span>
    <dd>In HTML, the value of <code>HTMLMediaElement.ended</code> attribute. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-muted②"><code>muted</code><a class="self-link" href="#dom-foointerface-muted②"></a></dfn>, <span></span>
    <dd>In HTML, the value of <code>HTMLMediaElement.muted</code> attribute. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-paused"><code>paused</code><a class="self-link" href="#dom-foointerface-paused"></a></dfn>, <span></span>
    <dd>In HTML, the value of <code>HTMLMediaElement.paused</code> attribute. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-volume②"><code>volume</code><a class="self-link" href="#dom-foointerface-volume②"></a></dfn>, <span></span>
    <dd>In HTML, the value of <code>HTMLMediaElement.volume</code> attribute. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-fullscreen②"><code>fullscreen</code><a class="self-link" href="#dom-foointerface-fullscreen②"></a></dfn>, <span></span>
    <dd>he value is <code>true</code> if the media element is in full screen.. 
   </dl>
   <h4 class="heading settled" data-level="4.4.6" id="simid-creative-log"><span class="secno">4.4.6. </span><span class="content">SIMID:Creative:log</span><a class="self-link" href="#simid-creative-log"></a></h4>
    The message <code>SIMID:Creative:log</code> enables the creative to communicate arbitrary information to the player. 
   <p class="note" role="note"><span>Note:</span> If the <code>log</code> message purpose is to notify the player about the player’s non-standard behavior, the creative prepends <code>Message.args.message</code> value with “WARNING:” <code>string</code>. Warning messages are used to inform player developers about occurances of non-fatal issues.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①⑥"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①⑥"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①⑦"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-message②"><code><c- g>message</c-></code><a class="self-link" href="#dom-messageargs-message②"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-message②"><code>message</code><a class="self-link" href="#dom-foointerface-message②"></a></dfn>, <span></span>
    <dd>Logging information. 
   </dl>
   <h4 class="heading settled" data-level="4.4.7" id="simid-creative-reportTracking"><span class="secno">4.4.7. </span><span class="content">SIMID:Creative:reportTracking</span><a class="self-link" href="#simid-creative-reportTracking"></a></h4>
   <p>The <code>SIMID:Creative:reportTracking</code> message enables a creative to delegate arbitrary metrics reporting to the player.</p>
   <p>The creative may inject macros into trackers URIs.</p>
   <p>In response to the <code>reportTracking</code> message, the player must:</p>
   <ul collapse>
    <li>Send the trackers specified by the message as soon as possible.
    <li>Replace VAST-supported macros with the corresponding values.
    <li>Accept and send the trackers with custom macros – leave non-standard macros intact unless the publisher-ad integration involves custom macros processing.
   </ul>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①⑦"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①⑦"></a></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name"><c- n>Array</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="Array " id="dom-messageargs-trackingurls"><code><c- g>trackingUrls</c-></code><a class="self-link" href="#dom-messageargs-trackingurls"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-trackingurls"><code>trackingUrls</code><a class="self-link" href="#dom-foointerface-trackingurls"></a></dfn>, <span></span>
    <dd><code>Array</code> of URIs. 
   </dl>
   <h5 class="heading settled" data-level="4.4.7.1" id="simid-creative-reportTracking-resolve"><span class="secno">4.4.7.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-reportTracking-resolve"></a></h5>
    The player posts a <code>resolve</code> after it sends the trackers. 
   <h5 class="heading settled" data-level="4.4.7.2" id="simid-creative-reportTracking-reject"><span class="secno">4.4.7.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-reportTracking-reject"></a></h5>
    The player posts a <code>reject</code> if it did not send the trackers. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①⑧"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①⑧"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short" id="ref-for-idl-unsigned-short⑥"><c- b>unsigned</c-> <c- b>short</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned short " id="dom-messageargs-errorcode⑤"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-messageargs-errorcode⑤"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①⑧"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-messageargs-reason③"><code><c- g>reason</c-></code><a class="self-link" href="#dom-messageargs-reason③"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode⑤"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode⑤"></a></dfn>, <span></span>
    <dd>See <a href="#error-codes">§ 9 Error Codes</a>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-reason③"><code>reason</code><a class="self-link" href="#dom-foointerface-reason③"></a></dfn>, <span></span>
    <dd>Additional information. 
   </dl>
   <h4 class="heading settled" data-level="4.4.8" id="simid-creative-requestChangeAdDuration"><span class="secno">4.4.8. </span><span class="content">SIMID:Creative:requestChangeAdDuration</span><a class="self-link" href="#simid-creative-requestChangeAdDuration"></a></h4>
   <p>In response to user interaction, the creative is requesting a new ad duration.</p>
   <p>In SIMID, ad’s media determines the initial ad duration. The ad span may change due to user interaction. When ad duration changes, the creative posts <code>Creative:requestChangeAdDuration</code> message that communicates an updated value. In response to the <code>requestChangeAdDuration</code> message, the player adjusts ad-end timing and updates its ad progress UI (eg., countdown).</p>
   <p>The creative expresses a known duration value in seconds. In cases where the duration is unknown (typically due to user interaction), the value is <code>-2</code>. With a known duration, the player unloads the ad automatically once the countdown (ad remaining time) reaches zero. See <a href="#workflow-extend">§ 6.10.1 Ad Extends Beyond Media Completion</a> <span steps><b>4</b><b>5</b><b>6</b></span>).</p>
   <p>When the duration value is <code>-2</code>, the player displays the ad indefinitely until the creative posts <a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a>. See <a href="#workflow-ad-duartion-changed-unknown">§ 6.10.3 Ad Duration Changed Workflow - Unknown Time</a> step <span step><b>4</b></span>).</p>
   <p class="note" role="note"><span>Note:</span> The player communicates its capacities to modify the ad duration with <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message args parameter <code>variableDurationAllowed</code>. If the value of <code>variableDurationAllowed</code> is <code>false</code>, the creative refrains from posting <code>requestChangeAdDuration</code> message.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs①⑨"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs①⑨"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float⑧"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-duration②"><code><c- g>duration</c-></code><a class="self-link" href="#dom-messageargs-duration②"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-duration②"><code>duration</code><a class="self-link" href="#dom-foointerface-duration②"></a></dfn>, <span></span>
    <dd>Value in seconds for a known duration.<br> The value <code>-2</code> indicates an unknown duration. 
   </dl>
   <p>See <a href="#workflow-change-duration">§ 6.10 Ad Duration Changed Workflow</a>.</p>
   <h5 class="heading settled" data-level="4.4.8.1" id="simid-creative-requestChangeAdDuration-resolve"><span class="secno">4.4.8.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestChangeAdDuration-resolve"></a></h5>
    By posting <code>resolve</code> response to <code>requestChangeAdDuration</code> message, the player signals that it will respect requested duration by modifying the ad duration-dependent behaviors. 
   <p class="note" role="note"><span>Note:</span> The player must accommodate an ad duration change directive if the value of the <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message parameter <code>variableDurationAllowed</code> is <code>true</code>.</p>
   <h5 class="heading settled" data-level="4.4.8.2" id="simid-creative-requestChangeAdDuration-reject"><span class="secno">4.4.8.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestChangeAdDuration-reject"></a></h5>
    By posting <code>reject</code> response to <code>requestChangeAdDuration</code> message, the player states that: 
   <ul collapse>
    <li>It ignored the duration change request;
    <li>Ad media playback continues uninterrupted;
    <li>The player will stop and unload the ad once any of the prescribed player-side ad-end triggers arise.
   </ul>
   <p class="note" role="note"><span>Note:</span> The single SIMID-supported reason for a <code>reject</code> in response to <code>requestChangeAdDuration</code> is the player’s inability to alter media progress.</p>
   <h4 class="heading settled" data-level="4.4.9" id="simid-creative-requestChangeVolume"><span class="secno">4.4.9. </span><span class="content">SIMID:Creative:requestChangeVolume</span><a class="self-link" href="#simid-creative-requestChangeVolume"></a></h4>
    The creative requests ad volume change by posting a <code>SIMID:Creative:requestChangeVolume</code> message. 
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs②⓪"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs②⓪"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float" id="ref-for-idl-float⑨"><c- b>float</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="float " id="dom-messageargs-volume②"><code><c- g>volume</c-></code><a class="self-link" href="#dom-messageargs-volume②"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean" id="ref-for-idl-boolean①①"><c- b>boolean</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="boolean " id="dom-messageargs-muted②"><code><c- g>muted</c-></code><a class="self-link" href="#dom-messageargs-muted②"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-volume③"><code>volume</code><a class="self-link" href="#dom-foointerface-volume③"></a></dfn>, <span></span>
    <dd>The number between <code>0</code> and <code>1</code>.* 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-muted③"><code>muted</code><a class="self-link" href="#dom-foointerface-muted③"></a></dfn>, <span></span>
    <dd><code>true</code> if media audio should be muted.* 
   </dl>
   <ul class="footnote">
    <li>Properties <code>volume</code> and <code>muted</code> describe two independent audio states. While media is muted, its volume may be greater than zero; at the same time with zero volume, media may be unmuted. 
   </ul>
   <h5 class="heading settled" data-level="4.4.9.1" id="simid-creative-requestChangeVolume-resolve"><span class="secno">4.4.9.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestChangeVolume-resolve"></a></h5>
    By posting <code>resolve</code> message, the player signals it has changed the media audio states to the requested values. 
   <h5 class="heading settled" data-level="4.4.9.2" id="simid-creative-requestChangeVolume-reject"><span class="secno">4.4.9.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestChangeVolume-reject"></a></h5>
    By posting <code>reject</code> message, the player signals that it did not change the audio state. 
   <h4 class="heading settled" data-level="4.4.10" id="simid-creative-requestFullscreen"><span class="secno">4.4.10. </span><span class="content">SIMID:Creative:requestFullscreen</span><a class="self-link" href="#simid-creative-requestFullscreen"></a></h4>
    The creative requests the player to transition the ad into fullscreen mode by posting a <code>SIMID:Creative:requestFullscreen</code> message. 
   <p class="note" role="note"><span>Note:</span> the player communicates its capacity to toggle screen modes with <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message parameter <code>fullscreenAllowed</code>. When the value of <code>fullscreenAllowed</code> is <code>false</code>, the creative refrains from posting <code>Creative:requestFullscreen</code> message.</p>
   <h5 class="heading settled" data-level="4.4.10.1" id="simid-creative-requestFullscreen-resolve"><span class="secno">4.4.10.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestFullscreen-resolve"></a></h5>
    By posting <code>resolve</code> response to <code>requestFullscreen</code> message, the player signals that it moved both the media element and the SIMID iframe into fullscreen mode. 
   <h5 class="heading settled" data-level="4.4.10.2" id="simid-creative-requestFullscreen-reject"><span class="secno">4.4.10.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestFullscreen-reject"></a></h5>
    By posting <code>reject</code> response to <code>requestFullscreen</code> message, the player signals that it did not change the screen mode because it is either: 
   <ul collapse>
    <li>Incapable of toggling between screen modes.
    <li>Already in the fullscreen mode.
    <li>Disallows fullscreen mode.
   </ul>
   <h4 class="heading settled" data-level="4.4.11" id="simid-creative-requestExitFullscreen"><span class="secno">4.4.11. </span><span class="content">SIMID:Creative:requestExitFullscreen</span><a class="self-link" href="#simid-creative-requestExitFullscreen"></a></h4>
    The creative requests the player to transition the ad into normal-screen mode by posting a <code>SIMID:Creative:requestExitFullscreen</code> message. 
   <p class="note" role="note"><span>Note:</span> the player communicates its capacity to toggle screen modes with <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message parameter <code>fullscreenAllowed</code>. When the value of <code>fullscreenAllowed</code> is false, the creative refrains from posting <code>Creative:requestExitFullscreen</code> message.</p>
   <h5 class="heading settled" data-level="4.4.11.1" id="simid-creative-requestExitFullscreen-resolve"><span class="secno">4.4.11.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestExitFullscreen-resolve"></a></h5>
    By posting <code>resolve</code> response to <code>requestExitFullscreen</code> message, the player signals that it moved both the media element and the SIMID iframe into normal-screen mode. 
   <h5 class="heading settled" data-level="4.4.11.2" id="simid-creative-requestExitFullscreen-reject"><span class="secno">4.4.11.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestExitFullscreen-reject"></a></h5>
    The player responds to <code>requestExitFullscreen</code> message with a <code>reject</code> when it did not change the screen mode because it is either: 
   <ul collapse>
    <li>Incapable of toggling between screen modes or
    <li>Already in the normal-screen mode.
   </ul>
   <h4 class="heading settled" data-level="4.4.12" id="simid-creative-requestNavigation"><span class="secno">4.4.12. </span><span class="content">SIMID:Creative:requestNavigation</span><a class="self-link" href="#simid-creative-requestNavigation"></a></h4>
   <p>In environments like mobile apps, the player manages redirections of the user to external landing pages. In response to <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a>, the player opens a browser window with the location the creative provides with the message.args.uri parameter.</p>
   <p>In web environments, the creative manages navigation.</p>
   <p>The creative sends <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a> in response to the user’s interaction. The creative does not request navigation without user interaction.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs②①"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs②①"></a></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name"><c- n>string</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="string " id="dom-messageargs-uri"><code><c- g>uri</c-></code><a class="self-link" href="#dom-messageargs-uri"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-uri"><code>uri</code><a class="self-link" href="#dom-foointerface-uri"></a></dfn>, <span></span>
    <dd>The address of the landing page. 
   </dl>
   <div diagram id="diagram-creative-requestNavigation">
    <p>Creative:requestNavigation Handling</p>
     <img alt="SIMID Request Navigation." src="simid-1.1.0.images/dgrm-Creative-requestNavigation.png"> 
    <ol dgrm-details>
     <li>User clicks on navigation button.
     <li>Creative posts <code>requestNavigation</code> message.
     <li>
      Player responds to <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a>. 
      <ol>
       <li>Player responds with <a href="#simid-creative-requestNavigation-reject">§ 4.4.12.2 reject</a> message if it cannot redirect the user.
       <li>Player responds with <a href="#simid-creative-requestNavigation-resolve">§ 4.4.12.1 resolve</a> message before opening the landing page.
       <ol>
        <li>Player pauses media.
        <li>Player opens the landing page.
       </ol>
      </ol>
    </ol>
   </div>
   <h5 class="heading settled" data-level="4.4.12.1" id="simid-creative-requestNavigation-resolve"><span class="secno">4.4.12.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestNavigation-resolve"></a></h5>
   <p>The player posts resolve before it opens the window to assure the creative receives the message prior to app backgrounding.</p>
   <h5 class="heading settled" data-level="4.4.12.2" id="simid-creative-requestNavigation-reject"><span class="secno">4.4.12.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestNavigation-reject"></a></h5>
   <p>The player did not navigate to a new window.</p>
   <h4 class="heading settled" data-level="4.4.13" id="simid-creative-requestPause"><span class="secno">4.4.13. </span><span class="content">SIMID:Creative:requestPause</span><a class="self-link" href="#simid-creative-requestPause"></a></h4>
    The creative requests the player to pause media playback by posting a <code>SIMID:Creative:requestPause</code> message. 
   <p class="note" role="note"><span>Note:</span> the player communicates its capacity to interrupt media playback with <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message, parameter <code>variableDurationAllowed</code>. The creative must not post <code>requestPause</code> if the player sets <code>variableDurationAllowed</code> value to <code>false</code>.</p>
   <h5 class="heading settled" data-level="4.4.13.1" id="simid-creative-requestPause-resolve"><span class="secno">4.4.13.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestPause-resolve"></a></h5>
    The player replies to <code>Creative:requestPause</code> with a <code>resolve</code> if it paused the media. 
   <h5 class="heading settled" data-level="4.4.13.2" id="simid-creative-requestPause-reject"><span class="secno">4.4.13.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestPause-reject"></a></h5>
    The player replies to <code>Creative:requestPause</code> with a <code>reject</code> if it did not pause the media or the playback is already paused. 
   <h4 class="heading settled" data-level="4.4.14" id="simid-creative-requestPlay"><span class="secno">4.4.14. </span><span class="content">SIMID:Creative:requestPlay</span><a class="self-link" href="#simid-creative-requestPlay"></a></h4>
    The creative requests the player to resume media playback by posting a <code>SIMID:Creative:requestPlay</code> message. 
   <p class="note" role="note"><span>Note:</span> the player communicates its capacity to interrupt media playback with <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message, parameter <code>variableDurationAllowed</code>. The creative must not post <code>requestPlay</code> if the player sets <code>variableDurationAllowed</code> value to <code>false</code>.</p>
   <h5 class="heading settled" data-level="4.4.14.1" id="simid-creative-requestPlay-resolve"><span class="secno">4.4.14.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestPlay-resolve"></a></h5>
    The player replies to <code>Creative:requestPlay</code> with a <code>resolve</code> if it resumed media playback. 
   <h5 class="heading settled" data-level="4.4.14.2" id="simid-creative-requestPlay-reject"><span class="secno">4.4.14.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestPlay-reject"></a></h5>
    The player replies to <code>Creative:requestPlay</code> with a <code>reject</code> if it did not resume the media or the playback is already in progress. 
   <h4 class="heading settled" data-level="4.4.15" id="simid-creative-requestResize"><span class="secno">4.4.15. </span><span class="content">SIMID:Creative:requestResize</span><a class="self-link" href="#simid-creative-requestResize"></a></h4>
   <p>The creative requests ad resize by posting a <code>SIMID:Creative:requestResize</code> message.</p>
   <p>The player must not resize the ad unless it can change the dimensions of both media element and SIMID iframe to the values specified by the <code>Creative:requestResize</code> message.</p>
   <p class="note" role="note"><span>Note:</span> the message <code>requestResize</code> must not be used to change screen mode. See the <a href="#simid-creative-requestFullscreen">§ 4.4.10 SIMID:Creative:requestFullscreen</a> and <a href="#simid-creative-requestExitFullscreen">§ 4.4.11 SIMID:Creative:requestExitFullscreen</a> messages.</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-messageargs②②"><code><c- g>MessageArgs</c-></code><a class="self-link" href="#dictdef-messageargs②②"></a></dfn> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions⑤"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-messageargs-mediadimensions"><code><c- g>mediaDimensions</c-></code><a class="self-link" href="#dom-messageargs-mediadimensions"></a></dfn>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions" id="ref-for-dictdef-dimensions⑥"><c- n>Dimensions</c-></a> <dfn class="idl-code" data-dfn-for="MessageArgs" data-dfn-type="dict-member" data-export data-type="Dimensions " id="dom-messageargs-creativedimensions②"><code><c- g>creativeDimensions</c-></code><a class="self-link" href="#dom-messageargs-creativedimensions②"></a></dfn>;
};
<c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-dimensions③"><code><c- g>Dimensions</c-></code><a class="self-link" href="#dictdef-dimensions③"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①②"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-x③"><code><c- g>x</c-></code><a class="self-link" href="#dom-dimensions-x③"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①③"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-y③"><code><c- g>y</c-></code><a class="self-link" href="#dom-dimensions-y③"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①④"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-width③"><code><c- g>width</c-></code><a class="self-link" href="#dom-dimensions-width③"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long" id="ref-for-idl-long①⑤"><c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Dimensions" data-dfn-type="dict-member" data-export data-type="long " id="dom-dimensions-height③"><code><c- g>height</c-></code><a class="self-link" href="#dom-dimensions-height③"></a></dfn>;
};

</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-mediadimensions①"><code>mediaDimensions</code><a class="self-link" href="#dom-foointerface-mediadimensions①"></a></dfn>, <span></span>
    <dd>Media element size and coordinates. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-creativedimensions③"><code>creativeDimensions</code><a class="self-link" href="#dom-foointerface-creativedimensions③"></a></dfn>, <span></span>
    <dd>SIMID iframe size and coordinates. 
   </dl>
   <h5 class="heading settled" data-level="4.4.15.1" id="simid-creative-requestResize-resolve"><span class="secno">4.4.15.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestResize-resolve"></a></h5>
    The player replies to <code>requestResize</code> with a <code>resolve</code> if it has resized the ad and set the dimensions to the values specified by the <code>requestResize</code> message. 
   <h5 class="heading settled" data-level="4.4.15.2" id="simid-creative-requestResize-reject"><span class="secno">4.4.15.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestResize-reject"></a></h5>
    The player responds to <code>requestResize</code> with <code>reject</code> when it ignores the message or is unable to complete the resizing. 
   <h4 class="heading settled" data-level="4.4.16" id="simid-creative-requestSkip"><span class="secno">4.4.16. </span><span class="content">SIMID:Creative:requestSkip</span><a class="self-link" href="#simid-creative-requestSkip"></a></h4>
   <p>The creative requests the player skip ad playback if possible.</p>
   <p>See <a href="#workflow-creative-skips">§ 6.9.2 Creative Skips Ad</a></p>
   <h5 class="heading settled" data-level="4.4.16.1" id="simid-creative-requestSkip-resolve"><span class="secno">4.4.16.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestSkip-resolve"></a></h5>
    If the player skips the ad, it responds with a <code>resolve</code>. The player then goes through its skip workflow. See <a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a> <span steps><b>5</b><b>6</b><b>7</b></span> 
   <h5 class="heading settled" data-level="4.4.16.2" id="simid-creative-requestSkip-reject"><span class="secno">4.4.16.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestSkip-reject"></a></h5>
    The player replies with a <code>reject</code> if it cannot skip the ad. With the skip rejection: 
   <ul collapse>
    <li>The media playback continues.
    <li>The iframe remains visible.
    <li>The player continues posting <code>SIMID:Media</code> and <code>SIMID:Player</code> messages to the SIMID iframe.
    <li>The creative maintains two-way communication with the player; it waits for, and responds to, the player transmitting ad completion related messages.
   </ul>
   <h4 class="heading settled" data-level="4.4.17" id="simid-creative-requestStop"><span class="secno">4.4.17. </span><span class="content">SIMID:Creative:requestStop</span><a class="self-link" href="#simid-creative-requestStop"></a></h4>
   <p>The creative requests the player stop video playback if possible.</p>
   <p>See <a href="#workflow-request-stop">§ 6.9.6 Ad Requests Stop</a></p>
   <h5 class="heading settled" data-level="4.4.17.1" id="simid-creative-requestStop-resolve"><span class="secno">4.4.17.1. </span><span class="content">resolve</span><a class="self-link" href="#simid-creative-requestStop-resolve"></a></h5>
    If the player can stop the ad, it responds with a <code>resolve</code> (<a href="#diagram-requestStop">diagram 13</a>, <span step><b>4</b></span>). The player then goes through <a href="#workflow-request-stop">§ 6.9.6 Ad Requests Stop</a> workflow (<a href="#diagram-requestStop">diagram 13</a>, <span steps><b>5</b><b>6</b><b>7</b></span>). 
   <h5 class="heading settled" data-level="4.4.17.2" id="simid-creative-requestStop-reject"><span class="secno">4.4.17.2. </span><span class="content">reject</span><a class="self-link" href="#simid-creative-requestStop-reject"></a></h5>
    If the player cannot stop the ad, it responds with a <code>reject</code>. With the requestStop rejection: 
   <ul collapse>
    <li>The media playback continues - if not previously ended;
    <li>The iframe remains visible;
    <li>The player continues posting messages to the iframe.
   </ul>
   <p>The creative keeps communication with the player open; it waits for, and responds to, the player transmitting ad completion related messages.</p>
   <h2 class="heading settled" data-level="5" id="api-vast"><span class="secno">5. </span><span class="content">Referencing a SIMID creative from VAST</span><a class="self-link" href="#api-vast"></a></h2>
   <p>The VAST 4.x response designates the <code>&lt;InteractiveCreativeFile></code> element to describe the ad’s interactive component data. For SIMID, <code>&lt;InteractiveCreativeFile></code> element must include the following required attributes and their values: <code>type="text/html"</code> and <code>apiFramework="SIMID"</code>.</p>
   <div class="example" id="example-6bd44ed4">
    <a class="self-link" href="#example-6bd44ed4"></a> 
    <div class="xml-highlight">
<pre style="line-height: 125%"><span class="hnode">&lt;InteractiveCreativeFile</span> <span class="hattr">type=</span><span class="hattrval">"text/html"</span> <span class="hattr">apiFramework=</span><span class="hattrval">"SIMID"</span> <span class="hattr">variableDuration=</span><span class="hattrval">"true"</span><span class="hnode">></span>
    <span class="hcdata">&lt;![CDATA[https://adserver.com/ads/creative.html]]></span>
<span class="hnode">&lt;/InteractiveCreativeFile></span>
</pre>
    </div>
   </div>
   <p>The value of the <code>apiFramework</code> attribute identifies SIMID as the required API for the creative. Players that do not support the SIMID API may load
an audio or video file included with the ad, but they will not load or play the SIMID creative.</p>
   <p>Media players that do support the SIMID API should handle version negotiation between the creative and the media player via the <a href="#workflow-ad-loading">§ 6.1 How to Handle Ad Loading</a> algorithm. The SIMID API version is not identified by any element or attribute in the VAST file.</p>
   <p>A third, optional attribute which may be included on the InteractiveCreativeFile element is <code>variableDuration="true"</code>.
If present, this attribute indicates that the ad unit is only playable if
the media player allows the creative to pause playback of the ad’s audio or video and extend the duration of the ad break (for example, with
interactive content such as a game or survey). If the player does not support or allow this capability, then it <strong>must not</strong> render
the current ad’s audio/video or SIMID creative. The player should error out the ad instead (and either resume its primary content or continue
on to the next ad in the current ad pod).</p>
   <h2 class="heading settled" data-level="6" id="common-workflows"><span class="secno">6. </span><span class="content">Common Workflows</span><a class="self-link" href="#common-workflows"></a></h2>
   <h3 class="heading settled" data-level="6.1" id="workflow-ad-loading"><span class="secno">6.1. </span><span class="content">How to Handle Ad Loading</span><a class="self-link" href="#workflow-ad-loading"></a></h3>
   <p>The player must follow this workflow for loading an ad. See <a href="#diagram-simid-initialization">Diagram - SIMID Loading and Initialization</a> below.</p>
   <ol>
    <li data-md>
     <p>The player creates an iframe for the SIMID interactive component. The iframe should start hidden. While invisible, the iframe must be capable of executing JavaScript and loading resources.</p>
    <li data-md>
     <p>The player starts listening to the <code>message</code> event on the window that is the parent of the creative iframe.</p>
    <li data-md>
     <p>The player sets the iframe src attribute to the URL provided by the creative’s VAST <code>&lt;InteractiveCreativeFile/></code> element. The player must assume the iframe is cross-origin.</p>
    <li data-md>
     <p>The player waits until the creative initializes a session and posts <code>createSession</code> message (see <a href="#protocol-session-layer">§ 8.4 Session Layer</a>). The player responds to the session initialization with a <code>resolve</code> message.</p>
    <li data-md>
     <p>The player sends a <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message with relevant parameters. The player waits until the creative responds with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a>. If the creative responds with <a href="#simid-player-init-reject">§ 4.3.7.2 reject</a>, the player should unload the creative’s iframe.</p>
    <li data-md>
     <p>Where possible, to synchronize media playback and the creative UI, the player should wait until both the creative has responded to the <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a> and the media is ready to play. Media readiness means sufficient payload arrived, and the first frame shows.</p>
    <li data-md>
     <p>When the media starts, the player sends a <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> message. The creative should respond to <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> message with <a href="#simid-player-startCreative-resolve">§ 4.3.10.1 resolve</a> immediately.</p>
    <li data-md>
     <p>The player makes the iframe visible. With video ads, the player must position the iframe over media element at player’s upper-left corner and set iframe dimensions to media’s width and height.</p>
   </ol>
   <div diagram id="diagram-simid-initialization">
    <p>SIMID Loading and Initialization</p>
     <img alt="SIMID Initialization." src="simid-1.1.0.images/dgrm-simid-initialization.png"> 
    <ol dgrm-details>
     <li>Player starts listening to <code>message</code> event on the window.
     <li>
      Player creates hidden <code>iframe</code>. 
      <ol>
       <li>Player sets <code>iframe.src</code> to the value of the VAST <code>&lt;InteractiveCreativeFile></code> element.
       <li>Player appends <code>iframe</code> to its container.
      </ol>
     <li>
      Creative loads and posts <code>createSession</code> message. 
      <ol>
       <li>Player responds with <code>resolve</code> immediately.
      </ol>
     <li>
       Player posts <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> immediately. 
      <ol>
       <li>Creative responds with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a> as soon as possible.
       <li>
        Alternatively, the creative may reject <code>Player:init</code>. In such cases: 
        <ol>
         <li>Creative posts <a href="#simid-player-init-reject">§ 4.3.7.2 reject</a>.
         <li>Player unloads creative.
        </ol>
      </ol>
     <li>
      Player initializes media at its discretion. 
      <ol>
       <li>Media playback begins.
      </ol>
     <li>
      Player posts <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> immediately. 
      <ol>
       <li>Creative should respond to <code>Player:startCreative</code> with <a href="#simid-player-startCreative-resolve">§ 4.3.10.1 resolve</a> immediately.
      </ol>
     <li>Player makes SIMID iframe visible.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.2" id="workflow-initialization"><span class="secno">6.2. </span><span class="content">Typical Initialization WorkFlow</span><a class="self-link" href="#workflow-initialization"></a></h3>
   <p>The ideal user ad experience has the simultaneous start of media playback and display of the  interactive overlay (the SIMID creative). Once the SIMID creative recieves the <code>Player:init</code> message, its may not yet be ready to display (for example it maybe be loading assets). To accommodate this latency, the player posts a <code>Player:init</code> message before ad media playback begins and waits for the SIMID iframe to respond with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a>.</p>
   <p>The player should post <code>Player:init</code> as soon as the creative dispatches a <code>createSession</code> message (section <a href="#protocol-establish-session">§ 8.4.1 Establishing a New Session</a>) <a href="#diagram-player-init-normal">Normal Ad Initilaizatioin Sequence</a>, <span steps><b>1</b><b>2</b></span>. SIMID creative code must be ready to process the <code>Player:init</code> message immediately <span step><b>3</b></span>).</p>
   <p>After the player gets a resolve message <a href="#diagram-player-init-normal">Normal Ad Initilaizatioin Sequence</a>, <span step><b>4</b></span>, it initializes media playback at its discretion <span step><b>5</b></span>. Once media rendering begins <span step><b>6</b></span>, the player reports impression <span step><b>7</b></span> and posts <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> <span step><b>8</b></span>.</p>
   <div diagram id="diagram-player-init-normal">
    <p>Normal Ad Initilaization Sequence</p>
     <img alt="Normal Ad Initilaizatioin Sequence" src="simid-1.1.0.images/dgrm-init-normal.png"> 
    <ol dgrm-details>
     <li>Creative initializes the session.
     <li>Player posts <code>Player:init</code> message immediately upon session creation.
     <li>Creative proccesses initialization data and finalizes assets loading.
     <li>Creative responds with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a>.
     <li>Player starts media playback at its discretion.
     <li>Media renders.
     <li>Player reports impression.
     <li>Player posts <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> immediately.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.3" id="workflow-startCreative"><span class="secno">6.3. </span><span class="content">Typical Start Creative WorkFlow</span><a class="self-link" href="#workflow-startCreative"></a></h3>
   <div diagram id="diagram-player-startcreative">
    <p>Normal <code>Player:startCreative</code> Sequence</p>
     <img alt="startCreative normal sequence." src="simid-1.1.0.images/dgrm-startCreative-normal.png"> 
    <ol dgrm-details>
     <li>Media playback begins.
     <li>Player posts <code>Player:startCreative</code>.
     <li>Creative responds with a <code>resolve</code>.
     <li>Player displays the creative iframe.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.4" id="workflow-uninterupted-initialization"><span class="secno">6.4. </span><span class="content">Uninterrupted Initialization WorkFlow</span><a class="self-link" href="#workflow-uninterupted-initialization"></a></h3>
   <p>In the case where publisher environments prohibit media playback interruptions, waiting for the creatives is not possible. The media player renders the ad media immediately - before the creative confirms its readiness (<a href="#diagram-player-init-special">Special Creative Initialization Cases</a>, <span step><b>1</b></span>). Some examples include SSAI and live broadcasts.</p>
   <p>In these situations, the player keeps the iframe invisible and refrains from posting messages to the creative until it responds to the <code>Player:init</code> with a <code>resolve</code> message.</p>
   <div diagram id="diagram-player-init-special">
    <p>Special Creative Initialization Cases</p>
     <img alt="Creative initialization special cases sequence" src="simid-1.1.0.images/dgrm-init-special.png"> 
    <ol dgrm-details>
     <li>Player initializes ad media playback.
     <li>Player posts <code>Player:init</code> message after ad media playback started.
     <li>Creative proccesses initialization data and finalizes assets loading. Sub-loading routines may cause latencies.
     <li>Creative responds with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a>.
     <li>Player posts <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> immediately.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.5" id="workflow-delayed-init-resolve"><span class="secno">6.5. </span><span class="content">Creative Delays Resolving Init</span><a class="self-link" href="#workflow-delayed-init-resolve"></a></h3>
   <p>The interactive creative responding to a <code>Player:init</code> message with a <code>resolve</code> message is a critical step in the SIMID ad serving flow (<a href="#diagram-player-init-normal">Init Diagram</a>, <span step><b>4</b></span> above). The player keeps the SIMID iframe invisible and does not post either <code>SIMID:Player</code> or <code>SIMID:Media</code> messages until the iframe replies with a <code>resolve</code> message.</p>
   <p>If the interactive creative fails to respond to a <code>Player:init</code> message within the allotted time, the player may continue with ad media rendering only (<a href="#diagram-player-init-resolve-timeout">Player:init resolve</a> <span step><b>2</b></span>).</p>
   <p>The player maintains the hidden interactive creative until ad media playback completion.</p>
   <p>If the interactive creative does not resume communication by the playback end, the player must report the VAST error tracker (if available) with the code 1212. See <a href="#diagram-player-init-resolve-timeout">Player:init resolve</a> <span step><b>5</b></span>).</p>
   <div diagram id="diagram-player-init-resolve-timeout">
    <p><code>Player:init resolve</code> delay</p>
     <img alt="Player:init resolve delay" src="simid-1.1.0.images/dgrm-init-resolve-delay.png"> 
    <ol dgrm-details>
     <li>Player posts <code>Player:init</code> message and establishes a timeout.
     <li>Player starts ad media playback upon timeout expiration.
     <li>Player reports impression.
     <li>Media playback completes.
     <li>Player reports error tracker.
     <li>Player unloads the iframe.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.6" id="workflow-reject-initialization"><span class="secno">6.6. </span><span class="content">Creative Rejects Init</span><a class="self-link" href="#workflow-reject-initialization"></a></h3>
   <p>The creative may respond with a <code>reject</code> based on its internal logic. In response to <code>reject</code>, the player proceeds with the ad media playback. The player may unload the iframe. The player reports VAST error trackers with the <code>errorCode</code> specified by the creative.</p>
   <div diagram id="diagram-player-init-reject">
    <p><code>Player:init reject</code> Sequence</p>
     <img alt="Player:init reject sequence." src="simid-1.1.0.images/dgrm-init-reject.png"> 
    <ol dgrm-details>
     <li>Player posts <code>Player:init</code> message.
     <li>Creative responds with a <code>reject</code>.
     <li>Player unloads the creative iframe.
     <li>Player reports VAST error tracker.
     <li>Player starts media.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.7" id="workflow-initialization-nonlinear"><span class="secno">6.7. </span><span class="content">Nonlinear Initialization and Start WorkFlow</span><a class="self-link" href="#workflow-initialization-nonlinear"></a></h3>
   <ol>
    <li data-md>
     <p>The player creates a hidden iframe and loads the creative.  This can happen before the ad display time to preload the ad.</p>
    <li data-md>
     <p>The creative will initialize a session.</p>
    <li data-md>
     <p>If the creative doesn’t initialize a session within a reasonable time, the player drops the creative and reports an error.</p>
    <li data-md>
     <p>The player sends a <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message with relevant parameters.</p>
    <li data-md>
     <p>If the player can initialize, the creative responds with resolve.</p>
    <li data-md>
     <p>If the creative responds with reject, or doesn’t respond in time, the player drops the creative’s iframe and reports an error.</p>
    <li data-md>
     <p>When the player is ready to show the iframe, the player sends a <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> message.</p>
    <li data-md>
     <p>If the creative responds with reject, or doesn’t respond in time, the player drops the creatives iframe and reports an error.</p>
    <li data-md>
     <p>When the creative responds with resolve, the player makes the iframe visible.</p>
   </ol>
   <h3 class="heading settled" data-level="6.8" id="workflow-ad-playback"><span class="secno">6.8. </span><span class="content">How to Handle Ad Playback</span><a class="self-link" href="#workflow-ad-playback"></a></h3>
   <p>The media player is responsible for ad media playback handling as well as tracking media related events. The SIMID creative manages interactive content and internal tracking related to interactivity.</p>
   <h4 class="heading settled" data-level="6.8.1" id="workflow-ad-pause"><span class="secno">6.8.1. </span><span class="content">Ad Pause</span><a class="self-link" href="#workflow-ad-pause"></a></h4>
   <p>If the <code class="idl"><a data-link-type="idl" href="#dom-environmentdata-variabledurationallowed" id="ref-for-dom-environmentdata-variabledurationallowed">variableDurationAllowed</a></code> flag is set to <code>true</code> then
the player should enable media pause by the SIMID creative via the
SIMID:Creative:requestPause message. The player must respond to
SIMID:Creative:requestPause with the <code>AdPaused</code> event.</p>
   <p>When the SIMID creative would like to resume media playback, it should send a
SIMID:Creative:requestPlay message. The player must
respond to SIMID:Creative:requestPlay message with resolve and play the media.</p>
   <h4 class="heading settled" data-level="6.8.2" id="workflow-resizing"><span class="secno">6.8.2. </span><span class="content">Ad Resizing and Fullscreen</span><a class="self-link" href="#workflow-resizing"></a></h4>
   <p>The player may resize the ad slot. The player must send a <a href="#simid-player-resize">§ 4.3.9 SIMID:Player:resize</a> message any time the ad slot size is changed.</p>
   <p>If <code class="idl"><a data-link-type="idl" href="#dom-environmentdata-fullscreenallowed" id="ref-for-dom-environmentdata-fullscreenallowed">fullscreenAllowed</a></code> is <code>true</code>, the SIMID creative may
send a <a href="#simid-creative-requestFullscreen">§ 4.4.10 SIMID:Creative:requestFullscreen</a> message. The player must resize only the ad
slot to fullscreen (not the video). The SIMID creative then will resize the
video as it sees fit. The player must send a <a href="#simid-player-resize">§ 4.3.9 SIMID:Player:resize</a> message to the SIMID creative
with <code class="idl"><a data-link-type="idl">fullscreen</a></code> set to <code>true</code> and <code class="idl"><a data-link-type="idl">videoDimensions</a></code> and <code class="idl"><a data-link-type="idl">creativeDimensions</a></code> set to the fullscreen dimensions.</p>
   <p>If player goes fullscreen on its own. Then the player must send a <a href="#simid-player-resize">§ 4.3.9 SIMID:Player:resize</a> message to the SIMID creative
with <code class="idl"><a data-link-type="idl">fullscreen</a></code> set to <code>true</code> and <code class="idl"><a data-link-type="idl">videoDimensions</a></code> and <code class="idl"><a data-link-type="idl">creativeDimensions</a></code> set to the fullscreen dimensions.</p>
   <h3 class="heading settled" data-level="6.9" id="workflow-end"><span class="secno">6.9. </span><span class="content">How to Handle Ad End and Unload</span><a class="self-link" href="#workflow-end"></a></h3>
   <p>Following are cases where ad can end:</p>
   <ol>
    <li data-md>
     <p>Ad was skipped, either by player (see <a href="#workflow-player-skips">§ 6.9.1 Player Skips Ad</a>) or creative (See <a href="#workflow-creative-skips">§ 6.9.2 Creative Skips Ad</a>).</p>
    <li data-md>
     <p>The creative has fired <a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a> message and the player has allowed the ad to stop.</p>
    <li data-md>
     <p>The player has fired <a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a> message and the creative resolved.</p>
    <li data-md>
     <p>Ad errors out. See <a href="#workflow-error">§ 6.9.5 Ad Errors Out</a>.</p>
   </ol>
   <h4 class="heading settled" data-level="6.9.1" id="workflow-player-skips"><span class="secno">6.9.1. </span><span class="content">Player Skips Ad</span><a class="self-link" href="#workflow-player-skips"></a></h4>
   <p><strong>Skip Ad Handled by Player</strong></p>
   <ol>
    <li data-md>
     <p>The player sends a <a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a> message to the ad.</p>
    <li data-md>
     <p>The player hides the creative.</p>
    <li data-md>
     <p>The creative may dispatch any tracking pixels via <a href="#simid-creative-reportTracking">§ 4.4.7 SIMID:Creative:reportTracking</a></p>
    <li data-md>
     <p>The creative may wait for <a href="#simid-creative-reportTracking-resolve">§ 4.4.7.1 resolve</a> from the reportTracking message.</p>
    <li data-md>
     <p>The creative dispatches <code>resolve</code> on the <code>adSkipped</code> message <a href="#simid-player-adSkipped-resolve">§ 4.3.1.1 resolve</a>.</p>
    <li data-md>
     <p>The player fires any skip tracking pixels.</p>
    <li data-md>
     <p>The player unloads the ad.</p>
   </ol>
   <h4 class="heading settled" data-level="6.9.2" id="workflow-creative-skips"><span class="secno">6.9.2. </span><span class="content">Creative Skips Ad</span><a class="self-link" href="#workflow-creative-skips"></a></h4>
    The creative requests ad skip by posting a <code>SIMID:Creative:requestSkip</code> message. If feasible, in response to <code>requestSkip</code>, the player terminates the ad and goes through the <a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a> message sequence. 
   <p class="note" role="note">
    <span>Note:</span> the SIMID interactive component implements skip related behavior and features (
    <button skip-ad>Skip Ad</button>
     button) only if the player delegates skippability to the creative - the value of <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message <code>args.environmentData.skippableState</code> is <code>"adHandles"</code>.
   </p>
   <div diagram id="diagram-requestSkip">
    <p><code>Creative:requestSkip</code> Sequence</p>
     <img alt="Creative:requestSkip sequence." src="simid-1.1.0.images/dgrm-requestSkip.png"> 
    <ol dgrm-details>
     <li>Creative posts <code>Creative:requestSkip</code> message.
     <li>Player hides the SIMID iframe.
     <li>Player stops the ad media playback.
     <li>Player responds with <a href="#simid-creative-requestSkip-resolve">§ 4.4.16.1 resolve</a>.
     <li>Player posts <a href="#simid-player-adSkipped">§ 4.3.1 SIMID:Player:adSkipped</a> message.
     <li>Creative responds to <code>Player:adSkipped</code> with <a href="#simid-player-adSkipped-resolve">§ 4.3.1.1 resolve</a>.
     <li>Player unloads the SIMID iframe.
    </ol>
   </div>
   <h4 class="heading settled" data-level="6.9.3" id="workflow-end-before-complete"><span class="secno">6.9.3. </span><span class="content">Ad Ends Before Media Completion</span><a class="self-link" href="#workflow-end-before-complete"></a></h4>
   <p>This scenario applies when the creative signal to the player to dismiss the ad, typically at the prompting of the user. A good example is a survey that allows the viewer to skip immediately to content when completed.</p>
   <ol>
    <li data-md>
     <p>The ad cleans up and dispatches <a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a>.</p>
    <li data-md>
     <p>The player unloads the ad.</p>
   </ol>
   <h4 class="heading settled" data-level="6.9.4" id="workflow-complete"><span class="secno">6.9.4. </span><span class="content">Ad Completes at Media Completion</span><a class="self-link" href="#workflow-complete"></a></h4>
   <p>When an ad finishes at the same time as its media.</p>
   <ol>
    <li data-md>
     <p>The player sends a <a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a> message to the ad.</p>
    <li data-md>
     <p>The player hides the creative.</p>
    <li data-md>
     <p>The creative may dispatch any tracking pixels via <a href="#simid-creative-reportTracking">§ 4.4.7 SIMID:Creative:reportTracking</a></p>
    <li data-md>
     <p>The creative may wait for a <a href="#simid-creative-reportTracking-resolve">§ 4.4.7.1 resolve</a> response message from the reportTracking message.</p>
    <li data-md>
     <p>The creative dispatches <code>resolve</code> on the <code>adStopped</code> message <a href="#simid-player-adStopped-resolve">§ 4.3.2.1 resolve</a>.</p>
    <li data-md>
     <p>The player unloads the ad.</p>
   </ol>
   <h4 class="heading settled" data-level="6.9.5" id="workflow-error"><span class="secno">6.9.5. </span><span class="content">Ad Errors Out</span><a class="self-link" href="#workflow-error"></a></h4>
   <p>The SIMID creative or the player may terminate the ad unit with an error at any
time. If the SIMID creative indicates an error, the player should try to stop ad
unit playback. This might not be possible in server side stitched ads.</p>
   <p>The player may error out if the ad does not respond with <a href="#simid-player-init-resolve">§ 4.3.7.1 resolve</a> in a reasonable amount of time.</p>
   <p>When an player errors out it must follow these steps.</p>
   <ol>
    <li data-md>
     <p>The player sends a <a href="#simid-player-fatalError">§ 4.3.6 SIMID:Player:fatalError</a> message to the ad.</p>
    <li data-md>
     <p>The player hides the creative.</p>
    <li data-md>
     <p>The creative may dispatch any tracking pixels via <a href="#simid-creative-reportTracking">§ 4.4.7 SIMID:Creative:reportTracking</a></p>
    <li data-md>
     <p>The creative may wait for a <a href="#simid-creative-reportTracking-resolve">§ 4.4.7.1 resolve</a> response from the reportTracking message.</p>
    <li data-md>
     <p>The creative dispatches <code>resolve</code> on the <code>fatalError</code> message <a href="#simid-player-fatalError-resolve">§ 4.3.6.1 resolve</a>.</p>
    <li data-md>
     <p>The player unloads the ad.</p>
   </ol>
   <h4 class="heading settled" data-level="6.9.6" id="workflow-request-stop"><span class="secno">6.9.6. </span><span class="content">Ad Requests Stop</span><a class="self-link" href="#workflow-request-stop"></a></h4>
   <p>The creative stops the ad by posting a <code>SIMID:Creative:requestStop</code> message.</p>
   <p>If feasible, the player hides the iframe, stops media playback that is still in progress, and responds with a <a href="#simid-creative-requestStop-resolve">§ 4.4.17.1 resolve</a>. Subsequently, the player proceeds with the <a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a>.</p>
   <p>The SIMID interactive component engages ad stop functionality only if the player states its ability to vary ad duration. See <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a>, <code>Message.args.variableDurationAllowed</code> details. The interactive component logic must expect that the player will unload SIMID iframe immediately upon posting a <code>resolve</code> response under the SIMID-compliant circumstances.</p>
   <p>In the event the interactive component disregards or fails to accommodate player’s ability to resolve <code>requestStop</code>, the iframe remains visible and the player continues sending <code>SIMID:Media</code> and <code>SIMID:Player</code> messages. The creative should maintain communication with the player. See <a href="#simid-creative-requestStop-reject">§ 4.4.17.2 reject</a>.</p>
   <div diagram id="diagram-requestStop">
    <p><code>Creative:requestStop</code> Sequence</p>
     <img alt="Creative:requestStop sequence." src="simid-1.1.0.images/dgrm-requestStop.png"> 
    <ol dgrm-details>
     <li>Creative posts <code>Creative:requestStop</code> message.
     <li>Player hides the SIMID iframe.
     <li>Player stops the ad media playback.
     <li>Player responds with <a href="#simid-creative-requestStop-resolve">§ 4.4.17.1 resolve</a>.
     <li>Player posts <a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a> message.
     <li>Creative responds to <code>Player:adStopped</code> with <a href="#simid-player-adStopped-resolve">§ 4.3.2.1 resolve</a>.
     <li>Player unloads the SIMID iframe.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.10" id="workflow-change-duration"><span class="secno">6.10. </span><span class="content">Ad Duration Changed Workflow</span><a class="self-link" href="#workflow-change-duration"></a></h3>
   <h4 class="heading settled" data-level="6.10.1" id="workflow-extend"><span class="secno">6.10.1. </span><span class="content">Ad Extends Beyond Media Completion</span><a class="self-link" href="#workflow-extend"></a></h4>
   <p>This scenario is only possible when the <code class="idl"><a data-link-type="idl" href="#dom-environmentdata-variabledurationallowed" id="ref-for-dom-environmentdata-variabledurationallowed①">variableDurationAllowed</a></code> flag is set to <code>true</code>. Media
duration must only be extended in response to user interaction.</p>
   <ol>
    <li data-md>
     <p>User interacts at any point during playback of the media, triggering extended ad portion.</p>
    <li data-md>
     <p>The Creative dispatches <a href="#simid-creative-requestChangeAdDuration">§ 4.4.8 SIMID:Creative:requestChangeAdDuration</a> message with the new duration.</p>
    <li data-md>
     <p>The ad enters its extended phase.</p>
    <li data-md>
     <p>The creative dispatches <a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a> when extended phase is finished.</p>
   </ol>
   <h4 class="heading settled" data-level="6.10.2" id="workflow-ad-duartion-changed-known"><span class="secno">6.10.2. </span><span class="content">Ad Duration Changed Workflow - Known Time</span><a class="self-link" href="#workflow-ad-duartion-changed-known"></a></h4>
   <div diagram id="diagram-durationchange-known">
    <p>Known Ad Duration Change Sequence</p>
     <img alt="requestChangeAdDuration known duration change handling." src="simid-1.1.0.images/dgrm-requestChangeAdDuration-known.png"> 
    <ol dgrm-details>
     <li>Player starts countdown. Countdown depends on the media progress.
     <li>Creative posts <code>requestChangeAdDuration</code> with the <code>duration</code> value greater than zero.
     <li>Player modifies countdown that now depends on the specified by the creative ad duration.
     <li>Countdown finishes.
     <li>Player receives countdown completion notification.
     <li>Player posts <a href="#simid-player-adStopped">§ 4.3.2 SIMID:Player:adStopped</a> message.
    </ol>
   </div>
   <h4 class="heading settled" data-level="6.10.3" id="workflow-ad-duartion-changed-unknown"><span class="secno">6.10.3. </span><span class="content">Ad Duration Changed Workflow - Unknown Time</span><a class="self-link" href="#workflow-ad-duartion-changed-unknown"></a></h4>
   <div diagram id="diagram-durationchange-unknown">
    <p>Unknown Ad Duration Change Sequence</p>
     <img alt="requestChangeAdDuration unknown duration change handling." src="simid-1.1.0.images/dgrm-requestChangeAdDuration-unknown.png"> 
    <ol dgrm-details>
     <li>Player starts countdown. Countdown depends on the media progress.
     <li>Creative posts <code>requestChangeAdDuration</code> with the <code>duration</code> value <code>-2</code>.
     <li>Player stops countdown.
     <li>Creative posts <a href="#simid-creative-requestStop">§ 4.4.17 SIMID:Creative:requestStop</a> message.
    </ol>
   </div>
   <h3 class="heading settled" data-level="6.11" id="user-experience"><span class="secno">6.11. </span><span class="content">User Experience</span><a class="self-link" href="#user-experience"></a></h3>
   <p>Both ad creatives and media players should ensure that consumers are presented with a good ad experience.</p>
   <p>This specification does not define the user experience for a close control (close button) or other generic media interaction behavior by the ad creative or the media player. The publisher media player is in full control over its user experience and can present its controls (or hide them) as needed. The publisher media player may dismiss the ad creative at any point in time.  Some implementations may have a publisher provided close control, as well as various other controls, and others may not.</p>
   <p>The ad creative can also request to be dismissed at any point in time.  An ad creative may opt to show its own controls, including a close control.</p>
   <h2 class="heading settled" data-level="7" id="errors"><span class="secno">7. </span><span class="content">Error Handling and Timeouts</span><a class="self-link" href="#errors"></a></h2>
   <p>If the media cannot be played the player should terminate the ad and fire an error using the standard VAST errors.</p>
   <p>If either the interactive ad or player wants to terminate with an error the player should fire a 902 error. In cases where this is not possible like live server side ad insertion the player should remove the ad overlay and continue tracking quartiles and completion.</p>
   <p>The ad or player should pass a specific error code to indicate why it errored out. The ad can also hand back a string with extra details about the error.</p>
   <h2 class="heading settled" data-level="8" id="msg-proto"><span class="secno">8. </span><span class="content">Messaging Protocol</span><a class="self-link" href="#msg-proto"></a></h2>
   <p>In SIMID, the media player and the creative overlay communicate by exchanging asynchronous signals that maintain a custom messaging protocol. This protocol governs <a href="#protocol-data-layer">§ 8.1 Data Layer</a>, <a href="#protocol-transport-layer">§ 8.3 Transport Layer</a>, and <a href="#protocol-session-layer">§ 8.4 Session Layer</a>.</p>
   <h3 class="heading settled" data-level="8.1" id="protocol-data-layer"><span class="secno">8.1. </span><span class="content">Data Layer</span><a class="self-link" href="#protocol-data-layer"></a></h3>
    SIMID messages transport data. In HTML environments, the data is the <code>message</code> argument of the <code>Window.postMessage()</code> function. 
   <h4 class="heading settled" data-level="8.1.1" id="message-data-structure"><span class="secno">8.1.1. </span><span class="content">Data Structure</span><a class="self-link" href="#message-data-structure"></a></h4>
   <p>The <code>message</code> data implements the following data structure:</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-message"><code><c- g>Message</c-></code><a class="self-link" href="#dictdef-message"></a></dfn> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString①⑨"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="Message" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-message-sessionid"><code><c- g>sessionId</c-></code><a class="self-link" href="#dom-message-sessionid"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long" id="ref-for-idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Message" data-dfn-type="dict-member" data-export data-type="unsigned long " id="dom-message-messageid"><code><c- g>messageId</c-></code><a class="self-link" href="#dom-message-messageid"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long" id="ref-for-idl-unsigned-long①"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="Message" data-dfn-type="dict-member" data-export data-type="unsigned long " id="dom-message-timestamp"><code><c- g>timestamp</c-></code><a class="self-link" href="#dom-message-timestamp"></a></dfn>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString②⓪"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="Message" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-message-type"><code><c- g>type</c-></code><a class="self-link" href="#dom-message-type"></a></dfn>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-any" id="ref-for-idl-any"><c- b>any</c-></a> <dfn class="idl-code" data-dfn-for="Message" data-dfn-type="dict-member" data-export data-type="any " id="dom-message-args"><code><c- g>args</c-></code><a class="self-link" href="#dom-message-args"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-sessionid"><code>sessionId</code><a class="self-link" href="#dom-foointerface-sessionid"></a></dfn>, <span></span>
    <dd>A string that uniquely identifies the session to which Message belongs. See <a href="#protocol-session-layer">§ 8.4 Session Layer</a>. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-messageid"><code>messageId</code><a class="self-link" href="#dom-foointerface-messageid"></a></dfn>, <span></span>
    <dd>A message sequence number in the sender’s system. Each participant establishes its own independent sequence counter for the session. The first message <code>messageId</code> value is <code>0</code>. The sender increments each subsequent messageId value by <code>1</code>. In practice, this means that the creative and the player <code>messageId</code> values will be different based on the number of sent messages. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-timestamp"><code>timestamp</code><a class="self-link" href="#dom-foointerface-timestamp"></a></dfn>, <span></span>
    <dd>A number of milliseconds since January 1, 1970, 00:00:00 UTC (Epoch time). The message sender must set <code>timestamp</code> value as close as possible to the moment the underlying process occurs. However, the receiver should not assume that the <code>timestamp</code> value reflects the exact instant the message-triggering event occurred. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-type"><code>type</code><a class="self-link" href="#dom-foointerface-type"></a></dfn>, <span></span>
    <dd>A string that describes the message-underlying event and informs the receiver how to interpret the <code>args</code> parameter. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-args"><code>args</code><a class="self-link" href="#dom-foointerface-args"></a></dfn>, <span></span>
    <dd>Additional information associated with the message <code>type</code>. 
   </dl>
   <div class="example" id="example-e0ecdf81">
    <a class="self-link" href="#example-e0ecdf81"></a> <b>Example of message data:</b> 
    <div class="js-highlight">
<pre style="line-height: 125%">{
    sessionId: <span class="hstr">"173378a4-b2e1-11e9-a2a3-2a2ae2dbcce4"</span>,
    messageId: <span class="hnum">10</span>,
    timestamp: <span class="hnum">1564501643047</span>,
    type: <span class="hstr">"SIMID:Player:adStopped"</span>,
    args: {
        code: <span class="hnum">0</span>
    }
}
</pre>
    </div>
   </div>
   <h3 class="heading settled" data-level="8.2" id="protocol-message-categories"><span class="secno">8.2. </span><span class="content">Messages Categories</span><a class="self-link" href="#protocol-message-categories"></a></h3>
   <p>The protocol defines two message classes:</p>
   <ul>
    <li><strong><i>Primary</i></strong> messages - the signals triggered by the sender’s internal logic.
    <li><strong><i>Response</i></strong> messages - the signals the receiver transmits as acknowledgments of the primary message receipt and processing. There are two response Message types: <a href="#protocol-message-categories-resolve">§ 8.2.1 resolve Messages</a> and <a href="#protocol-message-categories-reject">§ 8.2.2 reject Messages</a>.
   </ul>
   <p>Both primary and response messages implement the same data structure (see <a href="#message-data-structure">§ 8.1.1 Data Structure</a>).</p>
   <h4 class="heading settled" data-level="8.2.1" id="protocol-message-categories-resolve"><span class="secno">8.2.1. </span><span class="content"><code>resolve</code> Messages</span><a class="self-link" href="#protocol-message-categories-resolve"></a></h4>
   <p>The receiver confirms successful message processing by replying with a resolution message.</p>
   <p><code>Message.type</code> must be <code>resolve</code>.</p>
   <p><code>Message.args</code> must be a <code>ResolveMessageArgs</code> object:</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-resolvemessageargs"><code><c- g>ResolveMessageArgs</c-></code><a class="self-link" href="#dictdef-resolvemessageargs"></a></dfn> {
    <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long" id="ref-for-idl-unsigned-long②"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="ResolveMessageArgs" data-dfn-type="dict-member" data-export data-type="unsigned long " id="dom-resolvemessageargs-messageid"><code><c- g>messageId</c-></code><a class="self-link" href="#dom-resolvemessageargs-messageid"></a></dfn>;
    <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-any" id="ref-for-idl-any①"><c- b>any</c-></a> <dfn class="idl-code" data-dfn-for="ResolveMessageArgs" data-dfn-type="dict-member" data-export data-type="any " id="dom-resolvemessageargs-value"><code><c- g>value</c-></code><a class="self-link" href="#dom-resolvemessageargs-value"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-messageid①"><code>messageId</code><a class="self-link" href="#dom-foointerface-messageid①"></a></dfn>, <span></span>
    <dd>The value of the messageId attribute of the message to which the receiver responds. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-value"><code>value</code><a class="self-link" href="#dom-foointerface-value"></a></dfn>, <span></span>
    <dd>Additional data associated with this <code>resolve</code> message. 
   </dl>
   <div class="example" id="example-f12d610a">
    <a class="self-link" href="#example-f12d610a"></a> <b>Example of <code>resolve</code> message:</b> 
    <div class="js-highlight">
<pre style="line-height: 125%">{
    sessionId: <span class="hstr">"173378a4-b2e1-11e9-a2a3-2a2ae2dbcce4"</span>,
    messageId: <span class="hnum">10</span>,
    timestamp: <span class="hnum">1564501643047</span>,
    type: <span class="hstr">"resolve"</span>,
    args: {
        messageId: <span class="hnum">5</span>,
        value: {
            id: <span class="hnum">45</span>
        }
    }
}
</pre>
    </div>
   </div>
   <h4 class="heading settled" data-level="8.2.2" id="protocol-message-categories-reject"><span class="secno">8.2.2. </span><span class="content"><code>reject</code> Messages</span><a class="self-link" href="#protocol-message-categories-reject"></a></h4>
   <p>When the receiver is unable to process the message, it responds with rejection.</p>
   <p><code>Message.type</code> must be <code>reject</code>.</p>
   <p><code>Message.args.value</code> must be a <code>RejectMessageArgsValue</code> object:</p>
<pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-rejectmessageargsvalue"><code><c- g>RejectMessageArgsValue</c-></code><a class="self-link" href="#dictdef-rejectmessageargsvalue"></a></dfn> {
    <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long" id="ref-for-idl-unsigned-long③"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="idl-code" data-dfn-for="RejectMessageArgsValue" data-dfn-type="dict-member" data-export data-type="unsigned long " id="dom-rejectmessageargsvalue-errorcode"><code><c- g>errorCode</c-></code><a class="self-link" href="#dom-rejectmessageargsvalue-errorcode"></a></dfn>;
    <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString" id="ref-for-idl-DOMString②①"><c- b>DOMString</c-></a> <dfn class="idl-code" data-dfn-for="RejectMessageArgsValue" data-dfn-type="dict-member" data-export data-type="DOMString " id="dom-rejectmessageargsvalue-message"><code><c- g>message</c-></code><a class="self-link" href="#dom-rejectmessageargsvalue-message"></a></dfn>;
};
</pre>
   <dl class="idl highlight def">
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-errorcode⑥"><code>errorCode</code><a class="self-link" href="#dom-foointerface-errorcode⑥"></a></dfn>, <span></span>
    <dd>The error code associated with the reason the receiver <code>rejects</code> the message. 
    <dt><dfn class="idl-code" data-dfn-for="FooInterface" data-dfn-type="attribute" data-export id="dom-foointerface-message③"><code>message</code><a class="self-link" href="#dom-foointerface-message③"></a></dfn>, <span></span>
    <dd>Additional information. 
   </dl>
   <div class="example" id="example-a5a7fcb2">
    <a class="self-link" href="#example-a5a7fcb2"></a> <b>Example of <code>reject</code> message:</b> 
    <div class="js-highlight">
<pre style="line-height: 125%">{
    sessionId: <span class="hstr">"173378a4-b2e1-11e9-a2a3-2a2ae2dbcce4"</span>,
    messageId: <span class="hnum">10</span>,
    timestamp: <span class="hnum">1564501643047</span>,
    type: <span class="hstr">"reject"</span>,
    args: {
        messageId: <span class="hnum">5</span>,
        value: {
            errorCode: <span class="hnum">902</span>,
            message: <span class="hstr">"The feature is not available."</span>
        }
    }
}
</pre>
    </div>
   </div>
   <h3 class="heading settled" data-level="8.3" id="protocol-transport-layer"><span class="secno">8.3. </span><span class="content">Transport Layer</span><a class="self-link" href="#protocol-transport-layer"></a></h3>
   <p>Transport is a communication mechanism that can send serialized messages between two parties.</p>
   <h4 class="heading settled" data-level="8.3.1" id="postmessage-transport"><span class="secno">8.3.1. </span><span class="content"><code>postMessage</code> Transport</span><a class="self-link" href="#postmessage-transport"></a></h4>
   <p>In HTML environments, where the player loads creative overlay in a cross-origin iframe, the parties utilize the standard <code>Window.postMessage()</code> API as the message transport mechanism.</p>
   <h4 class="heading settled" data-level="8.3.2" id="message-serialization"><span class="secno">8.3.2. </span><span class="content">Message Serialization</span><a class="self-link" href="#message-serialization"></a></h4>
   <p>The message sender serializes data into a <code>JSON</code> string. The deserialized <code>JSON</code> must result in a clone of the original Message data object.</p>
   <p>In JavaScript, <code>JSON.stringify()</code> performs serialization; <code>JSON.parse()</code> - deserialization.</p>
   <h3 class="heading settled" data-level="8.4" id="protocol-session-layer"><span class="secno">8.4. </span><span class="content">Session Layer</span><a class="self-link" href="#protocol-session-layer"></a></h3>
   <p>The media player may manage several ads that are in different phases of their lifespans; multiple concurrent sessions may be active. For example, while the player is rendering ad-A, it preloads and engages ad-B. Simultaneous two-way communication between the player and both ads persists.</p>
   <p>Each session has a unique identifier. All messages that belong to a specific session must reference the same session id.</p>
   <h4 class="heading settled" data-level="8.4.1" id="protocol-establish-session"><span class="secno">8.4.1. </span><span class="content">Establishing a New Session</span><a class="self-link" href="#protocol-establish-session"></a></h4>
   <p>SIMID delegates the session initialization to the creative overlay. The creative generates a unique session id and posts the first session message with the <code>Message.type createSession</code>. By posting the <code>createSession</code> message, the creative acknowledges its readiness to receive messages from the player.</p>
   <p class="note" role="note"><span>Note:</span> There is no expectation for the interactive component to be entirely able to participate in ad rendering at the time the creative signals <code>createSession</code> message. Full creative initialization may occur at later stages when the player provides complete data - see <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a>.</p>
   <div class="example" id="example-f62cc7db">
    <a class="self-link" href="#example-f62cc7db"></a> <b>Example of <code>createSession</code> Message data:</b> 
    <div class="js-highlight">
<pre style="line-height: 125%">{
    sessionId: <span class="hstr">"173378a4-b2e1-11e9-a2a3-2a2ae2dbcce4"</span>,
    messageId: <span class="hnum">0</span>,
    timestamp: <span class="hnum">1564501643047</span>,
    type: <span class="hstr">"createSession"</span>,
    args: { }
}
</pre>
    </div>
   </div>
   <p>Creative should initialize the session as soon as possible. The player should establish a reasonable timeout for the session initialization message receipt.</p>
   <p>The player responds to <code>createSession</code> with a <code>resolve</code> message.</p>
   <div diagram id="diagram-durationchange-unknown①">
    <p>Typical Session Initialization Sequence</p>
     <img alt="Typical session initialization." src="simid-1.1.0.images/dgrm-session-init-sequence.png"> 
    <ol dgrm-details>
     <li>The player starts a <code>createSession</code> message timeout.
     <li>The player loads creative.
     <li>Creative posts <code>createSession</code> message.
     <li>The player cancels the timeout.
     <li>The player responds with a <code>resolve</code> message.
     <li>The player initializes creative. See <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a>.
    </ol>
   </div>
   <h4 class="heading settled" data-level="8.4.2" id="session-establishing-delays-and-failures"><span class="secno">8.4.2. </span><span class="content">Session Establishing Delays and Failures</span><a class="self-link" href="#session-establishing-delays-and-failures"></a></h4>
   <p>Typically, the player should wait for the creative to post a <code>createSession</code> message before proceeding to the simultaneous rendering of both ad media and the interactive component. However, SIMID recognizes scenarios when:</p>
   <ul>
    <li>The creative fails to establish a session within the allotted time.
    <li>The player’s environment restricts timeout usage (effectively, the timeout is zero). Specifically, SSAI and live broadcasts force zero-timeout use cases.
   </ul>
   <p>The creative’s failure to establish a session does not prevent the player from rendering the ad media.
If the creative does not post a <code>createSession</code> message on time, the player may proceed with the ad media rendering. However, the player allows the creative to recover in the middle of the ad media playback. The player:</p>
   <ul>
    <li>Does not unload the creative.
    <li>Does not post messages to the creative.
    <li>Maintains the <code>creativeSession</code> message handler. 
   </ul>
   <p>If the creative has not established a session before the media playback is complete, the player will report a VAST Error tracker with the proper error code. Examples of situations when this may occur are listed below.</p>
   <p><b>Sequence for a failed session initialization</b></p>
   <ol>
    <li>The timeout expires.
    <li>The <code>createSession</code> message does not arrive.
    <li>The player starts ad media.
    <li>The player reports the impression.
    <li>The ad media playback completes.
    <li>The player reports the VAST error tracker.
    <li>The player unloads the creative iframe.
   </ol>
   <p><b>Creative posts a <code>createSession</code> message after the timeout occurs</b></p>
   <ol>
    <li>The timeout expires.
    <li>The player retains the interactive component.
    <li>The player initiates ad media playback.
    <li>The player reports the impression.
    <li>The player does not post messages to the creative.
    <li>The creative posts <code>createSession</code> message.
    <li>The player proceeds with the creative initialization.
   </ol>
   <h2 class="heading settled" data-level="9" id="error-codes"><span class="secno">9. </span><span class="content">Error Codes</span><a class="self-link" href="#error-codes"></a></h2>
    The table below is the list of error codes the player and the creative use with <code>reject</code> messages. SIMID allocates the range <code>1100-1199</code> to the errors that the creative reports; the range <code>1200-1299</code> to the errors the player reports. 
   <p id="table-error-codes" table-header>Error Codes.</p>
   <table class="alternatecolor">
    <tbody>
     <tr>
      <th>Error Code
      <th>Error Type
      <th>Description
     <tr>
      <td>1100
      <td>Unspecified error.
      <td>Catchall error if the creative could not find a matching error code.
      The creative should be more specific in the error message.
     <tr>
      <td>1101
      <td>Resources could not be loaded.
      <td>The SIMID creative tried to load resources but failed.
     <tr>
      <td>1102
      <td>Playback area not usable by creative.
      <td>The dimensions the creative needed were not what it received.
     <tr>
      <td>1103
      <td>Wrong SIMID version.
      <td>The creative could not support the players version.
     <tr>
      <td>1104
      <td>Creative not playable for a technical reason on this site.
      <td>
     <tr>
      <td>1105
      <td>Request for expand not honored.
      <td>The creative requested to expand the media player but the player did not allow it.
     <tr>
      <td>1106
      <td>Request for pause not honored.
      <td>The creative posted <a href="#simid-creative-requestPause">§ 4.4.13 SIMID:Creative:requestPause</a> but the player did not pause.
     <tr>
      <td>1107
      <td>Play mode not adequate for creative.
      <td>The creative requires playback control but the player is not
          giving control. This error should only fire if the VAST for
          the ad specified that it needs playback control.
     <tr>
      <td>1108
      <td>Ad internal error.
      <td>The creative had an error not related to any external dependencies.
     <tr>
      <td>1109
      <td>Device not supported.
      <td>The creative could not play or render on the device.
     <tr>
      <td>1110
      <td>The player is not following the spec in the way it sends messages.
      <td>
     <tr>
      <td>1111
      <td>The player is not responding adequately to messages.
      <td>
     <tr>
      <td>1200
      <td>Unspecified error.
      <td>Catchall error if the player could not find a matching error code.
          The player should be more specific in the error message.
     <tr>
      <td>1201
      <td>Wrong SIMID version.
      <td>The player could not support the creatives version.
     <tr>
      <td>1202
      <td>The creative is requesting more time than the player
          is willing to support.
      <td>
     <tr>
      <td>1203
      <td>The creative is requesting more functionality than the player is
          willing to support.
      <td>
     <tr>
      <td>1204
      <td>The creative is doing actions not supported on this site.
      <td>
     <tr>
      <td>1205
      <td>The creative is overloading the postmessage channel.
      <td>
     <tr>
      <td>1206
      <td>The SIMID media could not be loaded.
      <td>
     <tr>
      <td>1207
      <td>Media Timeout.
      <td>The ad media creative buffered
          for too long and timed out.
     <tr>
      <td>1208
      <td>The creative is taking too long to resolve or reject messages.
      <td>
     <tr>
      <td>1209
      <td>The SIMID media from the VAST response is not supported
          on this device.
      <td>
     <tr>
      <td>1210
      <td>The creative is not following the spec when initializing.
      <td>
     <tr>
      <td>1211
      <td>The creative is not following the spec in the way it
          sends messages.
      <td>
     <tr>
      <td>1212
      <td>The creative did not reply to the <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a> message.
      <td>
     <tr>
      <td>1213
      <td>The creative did not reply to the <a href="#simid-player-startCreative">§ 4.3.10 SIMID:Player:startCreative</a> message.
      <td>
     <tr>
      <td>1214
      <td>Environment does not support navigation.
      <td>The creative posted <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a>, but the environment doesn’t support it. The creative should be opening the navigation window.
     <tr>
      <td>1215
      <td>Navigation not possible at all on this device.
      <td>The creative posted <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a>. However, navigation window opening is not possible at all on this device.
     <tr>
      <td>1216
      <td>Too many calls to <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a>.
      <td>The creative asked for request navigation too many times and call will be blocked.
     <tr>
      <td>1217
      <td>Invalid navigation request URL.
      <td>The posted <a href="#simid-creative-requestNavigation">§ 4.4.12 SIMID:Creative:requestNavigation</a> with invalid url.
     <tr>
      <td>1218
      <td>Invalid navigation request app.
      <td>The creative requested a play store/app store url but that is not valid on this device.
     <tr>
      <td>1219
      <td>Extra clickthrough blocked.
      <td>Clickthrough has been reported once, but the creative has requested clickthrough again. No click through will be reported.
     <tr>
      <td>1220
      <td>Nonlinear expasion not possible due to problem pausing the media.
      <td>Player is rejecting <a href="#simid-creative-expandNonlinear">§ 4.4.3 SIMID:Creative:expandNonlinear</a> because it cannot pause media. The player should have informed creative it cannot pause the media on <a href="#simid-player-init">§ 4.3.7 SIMID:Player:init</a>.
     <tr>
      <td>1221
      <td>Nonlinear expansion rejected by user.
      <td>The user has indicated that the ad should be collapsed so the player will not allow a nonlinear expansion.
     <tr>
      <td>1222
      <td>Player received excessive number of <a href="#simid-creative-expandNonlinear">§ 4.4.3 SIMID:Creative:expandNonlinear</a> messages.
      <td>The player limits a number of nonlinear ad expands and that limit has been exceeded.
     <tr>
      <td>1223
      <td>Session not created.
      <td>The creative did not create a session. This error could be triggered after a timeout or upon the end of the media playback.
   </table>
   <h2 class="heading settled" data-level="10" id="terminology"><span class="secno">10. </span><span class="content">Terminology</span><a class="self-link" href="#terminology"></a></h2>
   <dl>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-vast">SIMID VAST<a class="self-link" href="#simid-vast"></a></dfn>
    <dd data-md>
     <p>The VAST document that contains the SIMID ad unit components.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-ad-unit">SIMID Ad Unit<a class="self-link" href="#simid-ad-unit"></a></dfn>
    <dd data-md>
     <p>The SIMID ad media and the SIMID ad creative.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-media">SIMID Media<a class="self-link" href="#simid-media"></a></dfn>
    <dd data-md>
     <p>The SIMID ad media component if it’s a progressively downloaded media file.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-media-stream">SIMID Media Stream<a class="self-link" href="#simid-media-stream"></a></dfn>
    <dd data-md>
     <p>The SIMID ad media component if it’s SSAI media.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-live-media-stream">SIMID Live Media Stream<a class="self-link" href="#simid-live-media-stream"></a></dfn>
    <dd data-md>
     <p>The SIMID ad media component if live streaming media.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-creative">SIMID Creative<a class="self-link" href="#simid-creative"></a></dfn>
    <dd data-md>
     <p>The SIMID ad creative component (HTML document and assets) that overlays the SIMID
ad video.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="simid-secondary-video">SIMID Secondary Video<a class="self-link" href="#simid-secondary-video"></a></dfn>
    <dd data-md>
     <p>Video assets that are loaded as part of the SIMID creative and not the
primary media.</p>
    <dt data-md><dfn data-dfn-type="dfn" data-noexport id="content-media">Content Media<a class="self-link" href="#content-media"></a></dfn>
    <dd data-md>
     <p>Any reference to media that is NOT a component or asset of the ad unit.</p>
   </dl>
  </main>
  <div data-fill-with="conformance">
   <h2 class="no-ref no-num heading settled" id="conformance"><span class="content"> Conformance</span><a class="self-link" href="#conformance"></a></h2>
   <p> Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology.
            The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL”
            in the normative parts of this document
            are to be interpreted as described in RFC 2119.
            However, for readability,
            these words do not appear in all uppercase letters in this specification. </p>
   <p> All of the text of this specification is normative
            except sections explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119">[RFC2119]</a> </p>
   <p> Examples in this specification are introduced with the words “for example”
            or are set apart from the normative text with <code>class="example"</code>, like this: </p>
   <div class="example" id="example-example"><a class="self-link" href="#example-example"></a> This is an example of an informative example. </div>
   <p> Informative notes begin with the word “Note”
            and are set apart from the normative text with <code>class="note"</code>, like this: </p>
   <p class="note" role="note"> Note, this is an informative note. </p>
  </div>
<script>
(function() {
  "use strict";
  var collapseSidebarText = '<span aria-hidden="true">←</span> '
                          + '<span>Collapse Sidebar</span>';
  var expandSidebarText   = '<span aria-hidden="true">→</span> '
                          + '<span>Pop Out Sidebar</span>';
  var tocJumpText         = '<span aria-hidden="true">↑</span> '
                          + '<span>Jump to Table of Contents</span>';

  var sidebarMedia = window.matchMedia('screen and (min-width: 78em)');
  var autoToggle   = function(e){ toggleSidebar(e.matches) };
  if(sidebarMedia.addListener) {
    sidebarMedia.addListener(autoToggle);
  }

  function toggleSidebar(on) {
    if (on == undefined) {
      on = !document.body.classList.contains('toc-sidebar');
    }

    /* Don’t scroll to compensate for the ToC if we’re above it already. */
    var headY = 0;
    var head = document.querySelector('.head');
    if (head) {
      // terrible approx of "top of ToC"
      headY += head.offsetTop + head.offsetHeight;
    }
    var skipScroll = window.scrollY < headY;

    var toggle = document.getElementById('toc-toggle');
    var tocNav = document.getElementById('toc');
    if (on) {
      var tocHeight = tocNav.offsetHeight;
      document.body.classList.add('toc-sidebar');
      document.body.classList.remove('toc-inline');
      toggle.innerHTML = collapseSidebarText;
      if (!skipScroll) {
        window.scrollBy(0, 0 - tocHeight);
      }
      tocNav.focus();
      sidebarMedia.addListener(autoToggle); // auto-collapse when out of room
    }
    else {
      document.body.classList.add('toc-inline');
      document.body.classList.remove('toc-sidebar');
      toggle.innerHTML = expandSidebarText;
      if (!skipScroll) {
        window.scrollBy(0, tocNav.offsetHeight);
      }
      if (toggle.matches(':hover')) {
        /* Unfocus button when not using keyboard navigation,
           because I don’t know where else to send the focus. */
        toggle.blur();
      }
    }
  }

  function createSidebarToggle() {
    /* Create the sidebar toggle in JS; it shouldn’t exist when JS is off. */
    var toggle = document.createElement('a');
      /* This should probably be a button, but appearance isn’t standards-track.*/
    toggle.id = 'toc-toggle';
    toggle.class = 'toc-toggle';
    toggle.href = '#toc';
    toggle.innerHTML = collapseSidebarText;

    sidebarMedia.addListener(autoToggle);
    var toggler = function(e) {
      e.preventDefault();
      sidebarMedia.removeListener(autoToggle); // persist explicit off states
      toggleSidebar();
      return false;
    }
    toggle.addEventListener('click', toggler, false);


    /* Get <nav id=toc-nav>, or make it if we don’t have one. */
    var tocNav = document.getElementById('toc-nav');
    if (!tocNav) {
      tocNav = document.createElement('p');
      tocNav.id = 'toc-nav';
      /* Prepend for better keyboard navigation */
      document.body.insertBefore(tocNav, document.body.firstChild);
    }
    /* While we’re at it, make sure we have a Jump to Toc link. */
    var tocJump = document.getElementById('toc-jump');
    if (!tocJump) {
      tocJump = document.createElement('a');
      tocJump.id = 'toc-jump';
      tocJump.href = '#toc';
      tocJump.innerHTML = tocJumpText;
      tocNav.appendChild(tocJump);
    }

    tocNav.appendChild(toggle);
  }

  var toc = document.getElementById('toc');
  if (toc) {
    createSidebarToggle();
    toggleSidebar(sidebarMedia.matches);

    /* If the sidebar has been manually opened and is currently overlaying the text
       (window too small for the MQ to add the margin to body),
       then auto-close the sidebar once you click on something in there. */
    toc.addEventListener('click', function(e) {
      if(e.target.tagName.toLowerCase() == "a" && document.body.classList.contains('toc-sidebar') && !sidebarMedia.matches) {
        toggleSidebar(false);
      }
    }, false);
  }
  else {
    console.warn("Can’t find Table of Contents. Please use <nav id='toc'> around the ToC.");
  }

  /* Wrap tables in case they overflow */
  var tables = document.querySelectorAll(':not(.overlarge) > table.data, :not(.overlarge) > table.index');
  var numTables = tables.length;
  for (var i = 0; i < numTables; i++) {
    var table = tables[i];
    var wrapper = document.createElement('div');
    wrapper.className = 'overlarge';
    table.parentNode.insertBefore(wrapper, table);
    wrapper.appendChild(table);
  }

})();
</script>
  <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
  <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span><a class="self-link" href="#index-defined-here"></a></h3>
  <ul class="index">
   <li>
    "adHandles"
    <ul>
     <li><a href="#dom-closebuttonsupport-adhandles">enum-value for CloseButtonSupport</a><span>, in §4.3.7</span>
     <li><a href="#dom-navigationsupport-adhandles">enum-value for NavigationSupport</a><span>, in §4.3.7</span>
     <li><a href="#dom-skippablestate-adhandles">enum-value for SkippableState</a><span>, in §4.3.7</span>
    </ul>
   <li>
    adParameters
    <ul>
     <li><a href="#dom-foointerface-adparameters">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-creativedata-adparameters">dict-member for CreativeData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    appId
    <ul>
     <li><a href="#dom-foointerface-appid">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-appid">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    args
    <ul>
     <li><a href="#dom-foointerface-args">attribute for FooInterface</a><span>, in §8.1.1</span>
     <li><a href="#dom-message-args">dict-member for Message</a><span>, in §8.1.1</span>
    </ul>
   <li>
    clickThruUrl
    <ul>
     <li><a href="#dom-foointerface-clickthruurl">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-creativedata-clickthruurl">dict-member for CreativeData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    CloseButtonSupport
    <ul>
     <li><a href="#enumdef-closebuttonsupport">(enum)</a><span>, in §4.3.7</span>
     <li><a href="#dom-foointerface-closebuttonsupport">attribute for FooInterface</a><span>, in §4.3.7</span>
    </ul>
   <li><a href="#dom-environmentdata-closebuttonsupport">closeButtonSupport</a><span>, in §4.3.7</span>
   <li>
    code
    <ul>
     <li><a href="#dom-foointerface-code">attribute for FooInterface</a><span>, in §4.3.2</span>
     <li><a href="#dom-messageargs-code">dict-member for MessageArgs</a><span>, in §4.3.2</span>
    </ul>
   <li><a href="#content-media">Content Media</a><span>, in §10</span>
   <li><a href="#dictdef-creativedata">CreativeData</a><span>, in §4.3.7</span>
   <li>
    creativeData
    <ul>
     <li><a href="#dom-foointerface-creativedata">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-creativedata">dict-member for MessageArgs</a><span>, in §4.3.7</span>
    </ul>
   <li>
    creativeDimensions
    <ul>
     <li><a href="#dom-foointerface-creativedimensions">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-foointerface-creativedimensions①">attribute for FooInterface</a><span>, in §4.3.9</span>
     <li><a href="#dom-foointerface-creativedimensions②">attribute for FooInterface</a><span>, in §4.4.3.1</span>
     <li><a href="#dom-foointerface-creativedimensions③">attribute for FooInterface</a><span>, in §4.4.15</span>
     <li><a href="#dom-environmentdata-creativedimensions">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-creativedimensions">dict-member for MessageArgs</a><span>, in §4.3.9</span>
     <li><a href="#dom-messageargs-creativedimensions①">dict-member for MessageArgs</a><span>, in §4.4.3.1</span>
     <li><a href="#dom-messageargs-creativedimensions②">dict-member for MessageArgs</a><span>, in §4.4.15</span>
    </ul>
   <li>
    currentSrc
    <ul>
     <li><a href="#dom-foointerface-currentsrc">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-currentsrc">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
    </ul>
   <li>
    currentTime
    <ul>
     <li><a href="#dom-foointerface-currenttime">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-currenttime①">attribute for MessageArgs</a><span>, in §4.2.10</span>
     <li><a href="#dom-messageargs-currenttime">dict-member for MessageArgs</a><span>, in §4.2.10</span>
     <li><a href="#dom-messageargs-currenttime②">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
    </ul>
   <li>
    deviceId
    <ul>
     <li><a href="#dom-foointerface-deviceid">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-deviceid">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    Dimensions
    <ul>
     <li><a href="#dictdef-dimensions">(dictionary)</a><span>, in §4.3.7</span>
     <li><a href="#dictdef-dimensions①">(dictionary)</a><span>, in §4.3.9</span>
     <li><a href="#dictdef-dimensions②">(dictionary)</a><span>, in §4.4.3.1</span>
     <li><a href="#dictdef-dimensions③">(dictionary)</a><span>, in §4.4.15</span>
    </ul>
   <li>
    duration
    <ul>
     <li><a href="#dom-foointerface-duration">attribute for FooInterface</a><span>, in §4.2.1</span>
     <li><a href="#dom-foointerface-duration①">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-foointerface-duration②">attribute for FooInterface</a><span>, in §4.4.8</span>
     <li><a href="#dom-messageargs-duration">dict-member for MessageArgs</a><span>, in §4.2.1</span>
     <li><a href="#dom-messageargs-duration①">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-duration②">dict-member for MessageArgs</a><span>, in §4.4.8</span>
    </ul>
   <li>
    ended
    <ul>
     <li><a href="#dom-foointerface-ended">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-ended">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
    </ul>
   <li><a href="#dictdef-environmentdata">EnvironmentData</a><span>, in §4.3.7</span>
   <li>
    environmentData
    <ul>
     <li><a href="#dom-foointerface-environmentdata">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-environmentdata">dict-member for MessageArgs</a><span>, in §4.3.7</span>
    </ul>
   <li>
    error
    <ul>
     <li><a href="#dom-foointerface-error">attribute for FooInterface</a><span>, in §4.2.3</span>
     <li><a href="#dom-messageargs-error">dict-member for MessageArgs</a><span>, in §4.2.3</span>
    </ul>
   <li>
    errorCode
    <ul>
     <li><a href="#dom-foointerface-errorcode">attribute for FooInterface</a><span>, in §4.3.6</span>
     <li><a href="#dom-foointerface-errorcode①">attribute for FooInterface</a><span>, in §4.3.7.2</span>
     <li><a href="#dom-foointerface-errorcode②">attribute for FooInterface</a><span>, in §4.3.10.2</span>
     <li><a href="#dom-foointerface-errorcode③">attribute for FooInterface</a><span>, in §4.4.1.2</span>
     <li><a href="#dom-foointerface-errorcode④">attribute for FooInterface</a><span>, in §4.4.4</span>
     <li><a href="#dom-foointerface-errorcode⑤">attribute for FooInterface</a><span>, in §4.4.7.2</span>
     <li><a href="#dom-foointerface-errorcode⑥">attribute for FooInterface</a><span>, in §8.2.2</span>
     <li><a href="#dom-messageargs-errorcode">dict-member for MessageArgs</a><span>, in §4.3.6</span>
     <li><a href="#dom-messageargs-errorcode①">dict-member for MessageArgs</a><span>, in §4.3.7.2</span>
     <li><a href="#dom-messageargs-errorcode②">dict-member for MessageArgs</a><span>, in §4.3.10.2</span>
     <li><a href="#dom-messageargs-errorcode③">dict-member for MessageArgs</a><span>, in §4.4.1.2</span>
     <li><a href="#dom-messageargs-errorcode④">dict-member for MessageArgs</a><span>, in §4.4.4</span>
     <li><a href="#dom-messageargs-errorcode⑤">dict-member for MessageArgs</a><span>, in §4.4.7.2</span>
     <li><a href="#dom-rejectmessageargsvalue-errorcode">dict-member for RejectMessageArgsValue</a><span>, in §8.2.2</span>
    </ul>
   <li>
    errorMessage
    <ul>
     <li><a href="#dom-foointerface-errormessage">attribute for FooInterface</a><span>, in §4.3.6</span>
     <li><a href="#dom-foointerface-errormessage①">attribute for FooInterface</a><span>, in §4.4.4</span>
     <li><a href="#dom-messageargs-errormessage">dict-member for MessageArgs</a><span>, in §4.3.6</span>
     <li><a href="#dom-messageargs-errormessage①">dict-member for MessageArgs</a><span>, in §4.4.4</span>
    </ul>
   <li>
    fullscreen
    <ul>
     <li><a href="#dom-foointerface-fullscreen">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-foointerface-fullscreen①">attribute for FooInterface</a><span>, in §4.3.9</span>
     <li><a href="#dom-foointerface-fullscreen②">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-environmentdata-fullscreen">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-fullscreen">dict-member for MessageArgs</a><span>, in §4.3.9</span>
     <li><a href="#dom-messageargs-fullscreen①">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
    </ul>
   <li>
    fullscreenAllowed
    <ul>
     <li><a href="#dom-foointerface-fullscreenallowed">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-fullscreenallowed">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    height
    <ul>
     <li><a href="#dom-dimensions-height">dict-member for Dimensions</a><span>, in §4.3.7</span>
     <li><a href="#dom-dimensions-height①">dict-member for Dimensions</a><span>, in §4.3.9</span>
     <li><a href="#dom-dimensions-height②">dict-member for Dimensions</a><span>, in §4.4.3.1</span>
     <li><a href="#dom-dimensions-height③">dict-member for Dimensions</a><span>, in §4.4.15</span>
    </ul>
   <li>
    mediaDimensions
    <ul>
     <li><a href="#dom-foointerface-mediadimensions">attribute for FooInterface</a><span>, in §4.3.9</span>
     <li><a href="#dom-foointerface-mediadimensions①">attribute for FooInterface</a><span>, in §4.4.15</span>
     <li><a href="#dom-messageargs-mediadimensions">dict-member for MessageArgs</a><span>, in §4.4.15</span>
    </ul>
   <li><a href="#dictdef-message">Message</a><span>, in §8.1.1</span>
   <li>
    message
    <ul>
     <li><a href="#dom-foointerface-message">attribute for FooInterface</a><span>, in §4.2.3</span>
     <li><a href="#dom-foointerface-message①">attribute for FooInterface</a><span>, in §4.3.8</span>
     <li><a href="#dom-foointerface-message②">attribute for FooInterface</a><span>, in §4.4.6</span>
     <li><a href="#dom-foointerface-message③">attribute for FooInterface</a><span>, in §8.2.2</span>
     <li><a href="#dom-messageargs-message">dict-member for MessageArgs</a><span>, in §4.2.3</span>
     <li><a href="#dom-messageargs-message①">dict-member for MessageArgs</a><span>, in §4.3.8</span>
     <li><a href="#dom-messageargs-message②">dict-member for MessageArgs</a><span>, in §4.4.6</span>
     <li><a href="#dom-rejectmessageargsvalue-message">dict-member for RejectMessageArgsValue</a><span>, in §8.2.2</span>
    </ul>
   <li>
    MessageArgs
    <ul>
     <li><a href="#dictdef-messageargs">(dictionary)</a><span>, in §4.2.1</span>
     <li><a href="#dictdef-messageargs①">(dictionary)</a><span>, in §4.2.3</span>
     <li><a href="#dictdef-messageargs②">(dictionary)</a><span>, in §4.2.10</span>
     <li><a href="#dictdef-messageargs③">(dictionary)</a><span>, in §4.2.11</span>
     <li><a href="#dictdef-messageargs④">(dictionary)</a><span>, in §4.3.2</span>
     <li><a href="#dictdef-messageargs⑤">(dictionary)</a><span>, in §4.3.6</span>
     <li><a href="#dictdef-messageargs⑥">(dictionary)</a><span>, in §4.3.7</span>
     <li><a href="#dictdef-messageargs⑦">(dictionary)</a><span>, in §4.3.7.2</span>
     <li><a href="#dictdef-messageargs⑧">(dictionary)</a><span>, in §4.3.8</span>
     <li><a href="#dictdef-messageargs⑨">(dictionary)</a><span>, in §4.3.9</span>
     <li><a href="#dictdef-messageargs①⓪">(dictionary)</a><span>, in §4.3.10.2</span>
     <li><a href="#dictdef-messageargs①①">(dictionary)</a><span>, in §4.4.1</span>
     <li><a href="#dictdef-messageargs①②">(dictionary)</a><span>, in §4.4.1.2</span>
     <li><a href="#dictdef-messageargs①③">(dictionary)</a><span>, in §4.4.3.1</span>
     <li><a href="#dictdef-messageargs①④">(dictionary)</a><span>, in §4.4.4</span>
     <li><a href="#dictdef-messageargs①⑤">(dictionary)</a><span>, in §4.4.5.1</span>
     <li><a href="#dictdef-messageargs①⑥">(dictionary)</a><span>, in §4.4.6</span>
     <li><a href="#dictdef-messageargs①⑦">(dictionary)</a><span>, in §4.4.7</span>
     <li><a href="#dictdef-messageargs①⑧">(dictionary)</a><span>, in §4.4.7.2</span>
     <li><a href="#dictdef-messageargs①⑨">(dictionary)</a><span>, in §4.4.8</span>
     <li><a href="#dictdef-messageargs②⓪">(dictionary)</a><span>, in §4.4.9</span>
     <li><a href="#dictdef-messageargs②①">(dictionary)</a><span>, in §4.4.12</span>
     <li><a href="#dictdef-messageargs②②">(dictionary)</a><span>, in §4.4.15</span>
    </ul>
   <li>
    messageId
    <ul>
     <li><a href="#dom-foointerface-messageid">attribute for FooInterface</a><span>, in §8.1.1</span>
     <li><a href="#dom-foointerface-messageid①">attribute for FooInterface</a><span>, in §8.2.1</span>
     <li><a href="#dom-message-messageid">dict-member for Message</a><span>, in §8.1.1</span>
     <li><a href="#dom-resolvemessageargs-messageid">dict-member for ResolveMessageArgs</a><span>, in §8.2.1</span>
    </ul>
   <li>
    muted
    <ul>
     <li><a href="#dom-foointerface-muted">attribute for FooInterface</a><span>, in §4.2.11</span>
     <li><a href="#dom-foointerface-muted①">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-foointerface-muted②">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-foointerface-muted③">attribute for FooInterface</a><span>, in §4.4.9</span>
     <li><a href="#dom-environmentdata-muted">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-muted">dict-member for MessageArgs</a><span>, in §4.2.11</span>
     <li><a href="#dom-messageargs-muted①">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-muted②">dict-member for MessageArgs</a><span>, in §4.4.9</span>
    </ul>
   <li>
    NavigationSupport
    <ul>
     <li><a href="#enumdef-navigationsupport">(enum)</a><span>, in §4.3.7</span>
     <li><a href="#dom-foointerface-navigationsupport">attribute for FooInterface</a><span>, in §4.3.7</span>
    </ul>
   <li><a href="#dom-environmentdata-navigationsupport">navigationSupport</a><span>, in §4.3.7</span>
   <li>
    nonlinearDuration
    <ul>
     <li><a href="#dom-foointerface-nonlinearduration">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-nonlinearduration">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li><a href="#dom-skippablestate-notskippable">"notSkippable"</a><span>, in §4.3.7</span>
   <li><a href="#dom-navigationsupport-notsupported">"notSupported"</a><span>, in §4.3.7</span>
   <li>
    paused
    <ul>
     <li><a href="#dom-foointerface-paused">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-paused">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
    </ul>
   <li>
    "playerHandles"
    <ul>
     <li><a href="#dom-closebuttonsupport-playerhandles">enum-value for CloseButtonSupport</a><span>, in §4.3.7</span>
     <li><a href="#dom-navigationsupport-playerhandles">enum-value for NavigationSupport</a><span>, in §4.3.7</span>
     <li><a href="#dom-skippablestate-playerhandles">enum-value for SkippableState</a><span>, in §4.3.7</span>
    </ul>
   <li>
    playerHandles
    <ul>
     <li><a href="#dom-foointerface-playerhandles">attribute for FooInterface</a><span>, in §4.4.1</span>
     <li><a href="#dom-messageargs-playerhandles">dict-member for MessageArgs</a><span>, in §4.4.1</span>
    </ul>
   <li>
    reason
    <ul>
     <li><a href="#dom-foointerface-reason">attribute for FooInterface</a><span>, in §4.3.7.2</span>
     <li><a href="#dom-foointerface-reason①">attribute for FooInterface</a><span>, in §4.3.10.2</span>
     <li><a href="#dom-foointerface-reason②">attribute for FooInterface</a><span>, in §4.4.1.2</span>
     <li><a href="#dom-foointerface-reason③">attribute for FooInterface</a><span>, in §4.4.7.2</span>
     <li><a href="#dom-messageargs-reason">dict-member for MessageArgs</a><span>, in §4.3.7.2</span>
     <li><a href="#dom-messageargs-reason①">dict-member for MessageArgs</a><span>, in §4.3.10.2</span>
     <li><a href="#dom-messageargs-reason②">dict-member for MessageArgs</a><span>, in §4.4.1.2</span>
     <li><a href="#dom-messageargs-reason③">dict-member for MessageArgs</a><span>, in §4.4.7.2</span>
    </ul>
   <li><a href="#dictdef-rejectmessageargsvalue">RejectMessageArgsValue</a><span>, in §8.2.2</span>
   <li><a href="#dictdef-resolvemessageargs">ResolveMessageArgs</a><span>, in §8.2.1</span>
   <li>
    sessionId
    <ul>
     <li><a href="#dom-foointerface-sessionid">attribute for FooInterface</a><span>, in §8.1.1</span>
     <li><a href="#dom-message-sessionid">dict-member for Message</a><span>, in §8.1.1</span>
    </ul>
   <li><a href="#simid-ad-unit">SIMID Ad Unit</a><span>, in §10</span>
   <li><a href="#simid-creative">SIMID Creative</a><span>, in §10</span>
   <li><a href="#simid-live-media-stream">SIMID Live Media Stream</a><span>, in §10</span>
   <li><a href="#simid-media">SIMID Media</a><span>, in §10</span>
   <li><a href="#simid-media-stream">SIMID Media Stream</a><span>, in §10</span>
   <li><a href="#simid-secondary-video">SIMID Secondary Video</a><span>, in §10</span>
   <li><a href="#simid-vast">SIMID VAST</a><span>, in §10</span>
   <li>
    siteUrl
    <ul>
     <li><a href="#dom-foointerface-siteurl">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-siteurl">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    skipoffset
    <ul>
     <li><a href="#dom-foointerface-skipoffset">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-skipoffset">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li><a href="#enumdef-skippablestate">SkippableState</a><span>, in §4.3.7</span>
   <li>
    skippableState
    <ul>
     <li><a href="#dom-foointerface-skippablestate">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-skippablestate">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    timestamp
    <ul>
     <li><a href="#dom-foointerface-timestamp">attribute for FooInterface</a><span>, in §8.1.1</span>
     <li><a href="#dom-message-timestamp">dict-member for Message</a><span>, in §8.1.1</span>
    </ul>
   <li>
    trackingUrls
    <ul>
     <li><a href="#dom-foointerface-trackingurls">attribute for FooInterface</a><span>, in §4.4.7</span>
     <li><a href="#dom-messageargs-trackingurls">dict-member for MessageArgs</a><span>, in §4.4.7</span>
    </ul>
   <li>
    type
    <ul>
     <li><a href="#dom-foointerface-type">attribute for FooInterface</a><span>, in §8.1.1</span>
     <li><a href="#dom-message-type">dict-member for Message</a><span>, in §8.1.1</span>
    </ul>
   <li>
    uri
    <ul>
     <li><a href="#dom-foointerface-uri">attribute for FooInterface</a><span>, in §4.4.12</span>
     <li><a href="#dom-messageargs-uri">dict-member for MessageArgs</a><span>, in §4.4.12</span>
    </ul>
   <li>
    url
    <ul>
     <li><a href="#dom-foointerface-url">attribute for FooInterface</a><span>, in §4.4.1</span>
     <li><a href="#dom-messageargs-url">dict-member for MessageArgs</a><span>, in §4.4.1</span>
    </ul>
   <li>
    useragent
    <ul>
     <li><a href="#dom-foointerface-useragent">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-useragent">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    value
    <ul>
     <li><a href="#dom-foointerface-value">attribute for FooInterface</a><span>, in §8.2.1</span>
     <li><a href="#dom-resolvemessageargs-value">dict-member for ResolveMessageArgs</a><span>, in §8.2.1</span>
    </ul>
   <li>
    variableDurationAllowed
    <ul>
     <li><a href="#dom-foointerface-variabledurationallowed">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-variabledurationallowed">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    version
    <ul>
     <li><a href="#dom-foointerface-version">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-version">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
    </ul>
   <li>
    videoDimensions
    <ul>
     <li><a href="#dom-foointerface-videodimensions">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-environmentdata-videodimensions">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-videodimensions">dict-member for MessageArgs</a><span>, in §4.3.9</span>
    </ul>
   <li>
    volume
    <ul>
     <li><a href="#dom-foointerface-volume">attribute for FooInterface</a><span>, in §4.2.11</span>
     <li><a href="#dom-foointerface-volume①">attribute for FooInterface</a><span>, in §4.3.7</span>
     <li><a href="#dom-foointerface-volume②">attribute for FooInterface</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-foointerface-volume③">attribute for FooInterface</a><span>, in §4.4.9</span>
     <li><a href="#dom-environmentdata-volume">dict-member for EnvironmentData</a><span>, in §4.3.7</span>
     <li><a href="#dom-messageargs-volume">dict-member for MessageArgs</a><span>, in §4.2.11</span>
     <li><a href="#dom-messageargs-volume①">dict-member for MessageArgs</a><span>, in §4.4.5.1</span>
     <li><a href="#dom-messageargs-volume②">dict-member for MessageArgs</a><span>, in §4.4.9</span>
    </ul>
   <li>
    width
    <ul>
     <li><a href="#dom-dimensions-width">dict-member for Dimensions</a><span>, in §4.3.7</span>
     <li><a href="#dom-dimensions-width①">dict-member for Dimensions</a><span>, in §4.3.9</span>
     <li><a href="#dom-dimensions-width②">dict-member for Dimensions</a><span>, in §4.4.3.1</span>
     <li><a href="#dom-dimensions-width③">dict-member for Dimensions</a><span>, in §4.4.15</span>
    </ul>
   <li>
    x
    <ul>
     <li><a href="#dom-foointerface-x">attribute for FooInterface</a><span>, in §4.4.1</span>
     <li><a href="#dom-dimensions-x">dict-member for Dimensions</a><span>, in §4.3.7</span>
     <li><a href="#dom-dimensions-x①">dict-member for Dimensions</a><span>, in §4.3.9</span>
     <li><a href="#dom-dimensions-x②">dict-member for Dimensions</a><span>, in §4.4.3.1</span>
     <li><a href="#dom-dimensions-x③">dict-member for Dimensions</a><span>, in §4.4.15</span>
     <li><a href="#dom-messageargs-x">dict-member for MessageArgs</a><span>, in §4.4.1</span>
    </ul>
   <li>
    y
    <ul>
     <li><a href="#dom-foointerface-y">attribute for FooInterface</a><span>, in §4.4.1</span>
     <li><a href="#dom-dimensions-y">dict-member for Dimensions</a><span>, in §4.3.7</span>
     <li><a href="#dom-dimensions-y①">dict-member for Dimensions</a><span>, in §4.3.9</span>
     <li><a href="#dom-dimensions-y②">dict-member for Dimensions</a><span>, in §4.4.3.1</span>
     <li><a href="#dom-dimensions-y③">dict-member for Dimensions</a><span>, in §4.4.15</span>
     <li><a href="#dom-messageargs-y">dict-member for MessageArgs</a><span>, in §4.4.1</span>
    </ul>
  </ul>
  <aside class="dfn-panel" data-for="term-for-idl-DOMString">
   <a href="https://heycam.github.io/webidl/#idl-DOMString">https://heycam.github.io/webidl/#idl-DOMString</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-DOMString">4.2.3. SIMID:Media:error</a>
    <li><a href="#ref-for-idl-DOMString①">4.3.6. SIMID:Player:fatalError</a>
    <li><a href="#ref-for-idl-DOMString②">4.3.7. SIMID:Player:init</a> <a href="#ref-for-idl-DOMString③">(2)</a> <a href="#ref-for-idl-DOMString④">(3)</a> <a href="#ref-for-idl-DOMString⑤">(4)</a> <a href="#ref-for-idl-DOMString⑥">(5)</a> <a href="#ref-for-idl-DOMString⑦">(6)</a> <a href="#ref-for-idl-DOMString⑧">(7)</a> <a href="#ref-for-idl-DOMString⑨">(8)</a>
    <li><a href="#ref-for-idl-DOMString①⓪">4.3.7.2. reject</a>
    <li><a href="#ref-for-idl-DOMString①①">4.3.8. SIMID:Player:log</a>
    <li><a href="#ref-for-idl-DOMString①②">4.3.10.2. reject</a>
    <li><a href="#ref-for-idl-DOMString①③">4.4.1. SIMID:Creative:clickThru</a>
    <li><a href="#ref-for-idl-DOMString①④">4.4.1.2. reject</a>
    <li><a href="#ref-for-idl-DOMString①⑤">4.4.4. SIMID:Creative:fatalError</a>
    <li><a href="#ref-for-idl-DOMString①⑥">4.4.5.1. resolve</a>
    <li><a href="#ref-for-idl-DOMString①⑦">4.4.6. SIMID:Creative:log</a>
    <li><a href="#ref-for-idl-DOMString①⑧">4.4.7.2. reject</a>
    <li><a href="#ref-for-idl-DOMString①⑨">8.1.1. Data Structure</a> <a href="#ref-for-idl-DOMString②⓪">(2)</a>
    <li><a href="#ref-for-idl-DOMString②①">8.2.2. reject Messages</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-any">
   <a href="https://heycam.github.io/webidl/#idl-any">https://heycam.github.io/webidl/#idl-any</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-any">8.1.1. Data Structure</a>
    <li><a href="#ref-for-idl-any①">8.2.1. resolve Messages</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-boolean">
   <a href="https://heycam.github.io/webidl/#idl-boolean">https://heycam.github.io/webidl/#idl-boolean</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-boolean">4.2.11. SIMID:Media:volumechange</a>
    <li><a href="#ref-for-idl-boolean①">4.3.7. SIMID:Player:init</a> <a href="#ref-for-idl-boolean②">(2)</a> <a href="#ref-for-idl-boolean③">(3)</a> <a href="#ref-for-idl-boolean④">(4)</a>
    <li><a href="#ref-for-idl-boolean⑤">4.3.9. SIMID:Player:resize</a>
    <li><a href="#ref-for-idl-boolean⑥">4.4.1. SIMID:Creative:clickThru</a>
    <li><a href="#ref-for-idl-boolean⑦">4.4.5.1. resolve</a> <a href="#ref-for-idl-boolean⑧">(2)</a> <a href="#ref-for-idl-boolean⑨">(3)</a> <a href="#ref-for-idl-boolean①⓪">(4)</a>
    <li><a href="#ref-for-idl-boolean①①">4.4.9. SIMID:Creative:requestChangeVolume</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-float">
   <a href="https://heycam.github.io/webidl/#idl-float">https://heycam.github.io/webidl/#idl-float</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-float">4.2.1. SIMID:Media:durationchange</a>
    <li><a href="#ref-for-idl-float①">4.2.10. SIMID:Media:timeupdate</a>
    <li><a href="#ref-for-idl-float②">4.2.11. SIMID:Media:volumechange</a>
    <li><a href="#ref-for-idl-float③">4.3.7. SIMID:Player:init</a> <a href="#ref-for-idl-float④">(2)</a>
    <li><a href="#ref-for-idl-float⑤">4.4.5.1. resolve</a> <a href="#ref-for-idl-float⑥">(2)</a> <a href="#ref-for-idl-float⑦">(3)</a>
    <li><a href="#ref-for-idl-float⑧">4.4.8. SIMID:Creative:requestChangeAdDuration</a>
    <li><a href="#ref-for-idl-float⑨">4.4.9. SIMID:Creative:requestChangeVolume</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-long">
   <a href="https://heycam.github.io/webidl/#idl-long">https://heycam.github.io/webidl/#idl-long</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-long">4.3.7. SIMID:Player:init</a> <a href="#ref-for-idl-long①">(2)</a> <a href="#ref-for-idl-long②">(3)</a> <a href="#ref-for-idl-long③">(4)</a>
    <li><a href="#ref-for-idl-long④">4.3.9. SIMID:Player:resize</a> <a href="#ref-for-idl-long⑤">(2)</a> <a href="#ref-for-idl-long⑥">(3)</a> <a href="#ref-for-idl-long⑦">(4)</a>
    <li><a href="#ref-for-idl-long⑧">4.4.3.1. resolve</a> <a href="#ref-for-idl-long⑨">(2)</a> <a href="#ref-for-idl-long①⓪">(3)</a> <a href="#ref-for-idl-long①①">(4)</a>
    <li><a href="#ref-for-idl-long①②">4.4.15. SIMID:Creative:requestResize</a> <a href="#ref-for-idl-long①③">(2)</a> <a href="#ref-for-idl-long①④">(3)</a> <a href="#ref-for-idl-long①⑤">(4)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-short">
   <a href="https://heycam.github.io/webidl/#idl-short">https://heycam.github.io/webidl/#idl-short</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-short">4.4.1. SIMID:Creative:clickThru</a> <a href="#ref-for-idl-short①">(2)</a>
    <li><a href="#ref-for-idl-short②">4.4.1.2. reject</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-unsigned-long">
   <a href="https://heycam.github.io/webidl/#idl-unsigned-long">https://heycam.github.io/webidl/#idl-unsigned-long</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-unsigned-long">8.1.1. Data Structure</a> <a href="#ref-for-idl-unsigned-long①">(2)</a>
    <li><a href="#ref-for-idl-unsigned-long②">8.2.1. resolve Messages</a>
    <li><a href="#ref-for-idl-unsigned-long③">8.2.2. reject Messages</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-idl-unsigned-short">
   <a href="https://heycam.github.io/webidl/#idl-unsigned-short">https://heycam.github.io/webidl/#idl-unsigned-short</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-idl-unsigned-short">4.2.3. SIMID:Media:error</a>
    <li><a href="#ref-for-idl-unsigned-short①">4.3.2. SIMID:Player:adStopped</a>
    <li><a href="#ref-for-idl-unsigned-short②">4.3.6. SIMID:Player:fatalError</a>
    <li><a href="#ref-for-idl-unsigned-short③">4.3.7.2. reject</a>
    <li><a href="#ref-for-idl-unsigned-short④">4.3.10.2. reject</a>
    <li><a href="#ref-for-idl-unsigned-short⑤">4.4.4. SIMID:Creative:fatalError</a>
    <li><a href="#ref-for-idl-unsigned-short⑥">4.4.7.2. reject</a>
   </ul>
  </aside>
  <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
  <ul class="index">
   <li>
    <a data-link-type="biblio">[WebIDL]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-idl-DOMString">DOMString</span>
     <li><span class="dfn-paneled" id="term-for-idl-any">any</span>
     <li><span class="dfn-paneled" id="term-for-idl-boolean">boolean</span>
     <li><span class="dfn-paneled" id="term-for-idl-float">float</span>
     <li><span class="dfn-paneled" id="term-for-idl-long">long</span>
     <li><span class="dfn-paneled" id="term-for-idl-short">short</span>
     <li><span class="dfn-paneled" id="term-for-idl-unsigned-long">unsigned long</span>
     <li><span class="dfn-paneled" id="term-for-idl-unsigned-short">unsigned short</span>
    </ul>
  </ul>
  <h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
  <h3 class="no-num no-ref heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
  <dl>
   <dt id="biblio-rfc2119">[RFC2119]
   <dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a>
   <dt id="biblio-webidl">[WebIDL]
   <dd>Boris Zbarsky. <a href="https://heycam.github.io/webidl/">Web IDL</a>. 15 December 2016. ED. URL: <a href="https://heycam.github.io/webidl/">https://heycam.github.io/webidl/</a>
  </dl>
  <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">IDL Index</span><a class="self-link" href="#idl-index"></a></h2>
<pre class="idl highlight def"><c- b>dictionary</c-> <a href="#dictdef-messageargs"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-duration"><code><c- g>duration</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-error"><code><c- g>error</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-message"><code><c- g>message</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs②"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-currenttime"><code><c- g>currentTime</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs③"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-volume"><code><c- g>volume</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-muted"><code><c- g>muted</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs④"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-code"><code><c- g>code</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs⑤"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-errorcode"><code><c- g>errorCode</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-errormessage"><code><c- g>errorMessage</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs⑥"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-environmentdata"><c- n>EnvironmentData</c-></a> <a data-type="EnvironmentData " href="#dom-messageargs-environmentdata"><code><c- g>environmentData</c-></code></a>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-creativedata"><c- n>CreativeData</c-></a> <a data-type="CreativeData " href="#dom-messageargs-creativedata"><code><c- g>creativeData</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-creativedata"><code><c- g>CreativeData</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-creativedata-adparameters"><code><c- g>adParameters</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-creativedata-clickthruurl"><code><c- g>clickThruUrl</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-environmentdata"><code><c- g>EnvironmentData</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-environmentdata-videodimensions"><code><c- g>videoDimensions</c-></code></a>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-environmentdata-creativedimensions"><code><c- g>creativeDimensions</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-environmentdata-fullscreen"><code><c- g>fullscreen</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-environmentdata-fullscreenallowed"><code><c- g>fullscreenAllowed</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-environmentdata-variabledurationallowed"><code><c- g>variableDurationAllowed</c-></code></a>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#enumdef-skippablestate"><c- n>SkippableState</c-></a> <a data-type="SkippableState " href="#dom-environmentdata-skippablestate"><code><c- g>skippableState</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-environmentdata-skipoffset"><code><c- g>skipoffset</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-environmentdata-version"><code><c- g>version</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-environmentdata-siteurl"><code><c- g>siteUrl</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-environmentdata-appid"><code><c- g>appId</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-environmentdata-useragent"><code><c- g>useragent</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-environmentdata-deviceid"><code><c- g>deviceId</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-environmentdata-muted"><code><c- g>muted</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-environmentdata-volume"><code><c- g>volume</c-></code></a>;
  <a data-link-type="idl-name" href="#enumdef-navigationsupport"><c- n>NavigationSupport</c-></a> <a data-type="NavigationSupport " href="#dom-environmentdata-navigationsupport"><code><c- g>navigationSupport</c-></code></a>;
  <a data-link-type="idl-name" href="#enumdef-closebuttonsupport"><c- n>CloseButtonSupport</c-></a> <a data-type="CloseButtonSupport " href="#dom-environmentdata-closebuttonsupport"><code><c- g>closeButtonSupport</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-environmentdata-nonlinearduration"><code><c- g>nonlinearDuration</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-dimensions"><code><c- g>Dimensions</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-x"><code><c- g>x</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-y"><code><c- g>y</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-width"><code><c- g>width</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-height"><code><c- g>height</c-></code></a>;
};

<c- b>enum</c-> <a href="#enumdef-skippablestate"><code><c- g>SkippableState</c-></code></a> {<a href="#dom-skippablestate-playerhandles"><code><c- s>"playerHandles"</c-></code></a>, <a href="#dom-skippablestate-adhandles"><code><c- s>"adHandles"</c-></code></a>, <a href="#dom-skippablestate-notskippable"><code><c- s>"notSkippable"</c-></code></a>};
<c- b>enum</c-> <a href="#enumdef-navigationsupport"><code><c- g>NavigationSupport</c-></code></a> {<a href="#dom-navigationsupport-adhandles"><code><c- s>"adHandles"</c-></code></a>, <a href="#dom-navigationsupport-playerhandles"><code><c- s>"playerHandles"</c-></code></a>, <a href="#dom-navigationsupport-notsupported"><code><c- s>"notSupported"</c-></code></a>};
<c- b>enum</c-> <a href="#enumdef-closebuttonsupport"><code><c- g>CloseButtonSupport</c-></code></a> {<a href="#dom-closebuttonsupport-adhandles"><code><c- s>"adHandles"</c-></code></a>, <a href="#dom-closebuttonsupport-playerhandles"><code><c- s>"playerHandles"</c-></code></a>};

<c- b>dictionary</c-> <a href="#dictdef-messageargs⑦"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-errorcode①"><code><c- g>errorCode</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-reason"><code><c- g>reason</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs⑧"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-message①"><code><c- g>message</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs⑨"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-messageargs-videodimensions"><code><c- g>videoDimensions</c-></code></a>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-messageargs-creativedimensions"><code><c- g>creativeDimensions</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-fullscreen"><code><c- g>fullscreen</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-dimensions①"><code><c- g>Dimensions</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-x①"><code><c- g>x</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-y①"><code><c- g>y</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-width①"><code><c- g>width</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-height①"><code><c- g>height</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①⓪"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-errorcode②"><code><c- g>errorCode</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-reason①"><code><c- g>reason</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①①"><code><c- g>MessageArgs</c-></code></a> {
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short"><c- b>short</c-></a> <a data-type="short " href="#dom-messageargs-x"><code><c- g>x</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short"><c- b>short</c-></a> <a data-type="short " href="#dom-messageargs-y"><code><c- g>y</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-playerhandles"><code><c- g>playerHandles</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-url"><code><c- g>url</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①②"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-short"><c- b>short</c-></a> <a data-type="short " href="#dom-messageargs-errorcode③"><code><c- g>errorCode</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-reason②"><code><c- g>reason</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①③"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-messageargs-creativedimensions①"><code><c- g>creativeDimensions</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-dimensions②"><code><c- g>Dimensions</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-x②"><code><c- g>x</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-y②"><code><c- g>y</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-width②"><code><c- g>width</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-height②"><code><c- g>height</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①④"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-errorcode④"><code><c- g>errorCode</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-errormessage①"><code><c- g>errorMessage</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①⑤"><code><c- g>MessageArgs</c-></code></a> {
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-currentsrc"><code><c- g>currentSrc</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-currenttime②"><code><c- g>currentTime</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-duration①"><code><c- g>duration</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-ended"><code><c- g>ended</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-muted①"><code><c- g>muted</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-paused"><code><c- g>paused</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-volume①"><code><c- g>volume</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-fullscreen①"><code><c- g>fullscreen</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①⑥"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-message②"><code><c- g>message</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①⑦"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name"><c- n>Array</c-></a> <a data-type="Array " href="#dom-messageargs-trackingurls"><code><c- g>trackingUrls</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①⑧"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-short"><c- b>unsigned</c-> <c- b>short</c-></a> <a data-type="unsigned short " href="#dom-messageargs-errorcode⑤"><code><c- g>errorCode</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-messageargs-reason③"><code><c- g>reason</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs①⑨"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-duration②"><code><c- g>duration</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs②⓪"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-float"><c- b>float</c-></a> <a data-type="float " href="#dom-messageargs-volume②"><code><c- g>volume</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-boolean"><c- b>boolean</c-></a> <a data-type="boolean " href="#dom-messageargs-muted②"><code><c- g>muted</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs②①"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name"><c- n>string</c-></a> <a data-type="string " href="#dom-messageargs-uri"><code><c- g>uri</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-messageargs②②"><code><c- g>MessageArgs</c-></code></a> {
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-messageargs-mediadimensions"><code><c- g>mediaDimensions</c-></code></a>;
  <c- b>required</c-> <a data-link-type="idl-name" href="#dictdef-dimensions"><c- n>Dimensions</c-></a> <a data-type="Dimensions " href="#dom-messageargs-creativedimensions②"><code><c- g>creativeDimensions</c-></code></a>;
};
<c- b>dictionary</c-> <a href="#dictdef-dimensions③"><code><c- g>Dimensions</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-x③"><code><c- g>x</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-y③"><code><c- g>y</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-width③"><code><c- g>width</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-long"><c- b>long</c-></a> <a data-type="long " href="#dom-dimensions-height③"><code><c- g>height</c-></code></a>;
};


<c- b>dictionary</c-> <a href="#dictdef-message"><code><c- g>Message</c-></code></a> {
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-message-sessionid"><code><c- g>sessionId</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long " href="#dom-message-messageid"><code><c- g>messageId</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long " href="#dom-message-timestamp"><code><c- g>timestamp</c-></code></a>;
  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-message-type"><code><c- g>type</c-></code></a>;
  <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-any"><c- b>any</c-></a> <a data-type="any " href="#dom-message-args"><code><c- g>args</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-resolvemessageargs"><code><c- g>ResolveMessageArgs</c-></code></a> {
    <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long " href="#dom-resolvemessageargs-messageid"><code><c- g>messageId</c-></code></a>;
    <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-any"><c- b>any</c-></a> <a data-type="any " href="#dom-resolvemessageargs-value"><code><c- g>value</c-></code></a>;
};

<c- b>dictionary</c-> <a href="#dictdef-rejectmessageargsvalue"><code><c- g>RejectMessageArgsValue</c-></code></a> {
    <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long " href="#dom-rejectmessageargsvalue-errorcode"><code><c- g>errorCode</c-></code></a>;
    <a class="idl-code" data-link-type="interface" href="https://heycam.github.io/webidl/#idl-DOMString"><c- b>DOMString</c-></a> <a data-type="DOMString " href="#dom-rejectmessageargsvalue-message"><code><c- g>message</c-></code></a>;
};

</pre>
  <aside class="dfn-panel" data-for="dictdef-creativedata">
   <b><a href="#dictdef-creativedata">#dictdef-creativedata</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dictdef-creativedata">4.3.7. SIMID:Player:init</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="dictdef-environmentdata">
   <b><a href="#dictdef-environmentdata">#dictdef-environmentdata</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dictdef-environmentdata">4.3.7. SIMID:Player:init</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="dom-environmentdata-fullscreenallowed">
   <b><a href="#dom-environmentdata-fullscreenallowed">#dom-environmentdata-fullscreenallowed</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dom-environmentdata-fullscreenallowed">6.8.2. Ad Resizing and Fullscreen</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="dom-environmentdata-variabledurationallowed">
   <b><a href="#dom-environmentdata-variabledurationallowed">#dom-environmentdata-variabledurationallowed</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dom-environmentdata-variabledurationallowed">6.8.1. Ad Pause</a>
    <li><a href="#ref-for-dom-environmentdata-variabledurationallowed①">6.10.1. Ad Extends Beyond Media Completion</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="dictdef-dimensions">
   <b><a href="#dictdef-dimensions">#dictdef-dimensions</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-dictdef-dimensions">4.3.7. SIMID:Player:init</a> <a href="#ref-for-dictdef-dimensions①">(2)</a>
    <li><a href="#ref-for-dictdef-dimensions②">4.3.9. SIMID:Player:resize</a> <a href="#ref-for-dictdef-dimensions③">(2)</a>
    <li><a href="#ref-for-dictdef-dimensions④">4.4.3.1. resolve</a>
    <li><a href="#ref-for-dictdef-dimensions⑤">4.4.15. SIMID:Creative:requestResize</a> <a href="#ref-for-dictdef-dimensions⑥">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="enumdef-skippablestate">
   <b><a href="#enumdef-skippablestate">#enumdef-skippablestate</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-enumdef-skippablestate">4.3.7. SIMID:Player:init</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="enumdef-navigationsupport">
   <b><a href="#enumdef-navigationsupport">#enumdef-navigationsupport</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-enumdef-navigationsupport">4.3.7. SIMID:Player:init</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="enumdef-closebuttonsupport">
   <b><a href="#enumdef-closebuttonsupport">#enumdef-closebuttonsupport</a></b><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-enumdef-closebuttonsupport">4.3.7. SIMID:Player:init</a>
   </ul>
  </aside>
<script>/* script-dfn-panel */

document.body.addEventListener("click", function(e) {
    var queryAll = function(sel) { return [].slice.call(document.querySelectorAll(sel)); }
    // Find the dfn element or panel, if any, that was clicked on.
    var el = e.target;
    var target;
    var hitALink = false;
    while(el.parentElement) {
        if(el.tagName == "A") {
            // Clicking on a link in a <dfn> shouldn't summon the panel
            hitALink = true;
        }
        if(el.classList.contains("dfn-paneled")) {
            target = "dfn";
            break;
        }
        if(el.classList.contains("dfn-panel")) {
            target = "dfn-panel";
            break;
        }
        el = el.parentElement;
    }
    if(target != "dfn-panel") {
        // Turn off any currently "on" or "activated" panels.
        queryAll(".dfn-panel.on, .dfn-panel.activated").forEach(function(el){
            el.classList.remove("on");
            el.classList.remove("activated");
        });
    }
    if(target == "dfn" && !hitALink) {
        // open the panel
        var dfnPanel = document.querySelector(".dfn-panel[data-for='" + el.id + "']");
        if(dfnPanel) {
            dfnPanel.classList.add("on");
            var rect = el.getBoundingClientRect();
            dfnPanel.style.left = window.scrollX + rect.right + 5 + "px";
            dfnPanel.style.top = window.scrollY + rect.top + "px";
            var panelRect = dfnPanel.getBoundingClientRect();
            var panelWidth = panelRect.right - panelRect.left;
            if(panelRect.right > document.body.scrollWidth && (rect.left - (panelWidth + 5)) > 0) {
                // Reposition, because the panel is overflowing
                dfnPanel.style.left = window.scrollX + rect.left - (panelWidth + 5) + "px";
            }
        } else {
            console.log("Couldn't find .dfn-panel[data-for='" + el.id + "']");
        }
    } else if(target == "dfn-panel") {
        // Switch it to "activated" state, which pins it.
        el.classList.add("activated");
        el.style.left = null;
        el.style.top = null;
    }

});
</script>