{
  "layers": [
    {
      "name": "LayoutView #document",
      "bounds": [800, 600],
      "contentsOpaque": true,
      "drawsContent": true
    },
    {
      "name": "LayoutVideo VIDEO id='video'",
      "position": [8, 8],
      "bounds": [320, 240]
    },
    {
      "name": "Squashing Containment Layer",
      "shouldFlattenTransform": false
    },
    {
      "name": "LayoutFlexibleBox (relative positioned) DIV",
      "position": [8, 8],
      "bounds": [320, 240],
      "drawsContent": true
    },
    {
      "name": "Squashing Layer (first squashed layer: LayoutFlexibleBox (relative positioned) DIV)",
      "position": [8, 8],
      "bounds": [320, 240],
      "drawsContent": true,
      "paintInvalidations": [
        {
          "object": "LayoutSlider INPUT",
          "rect": [108, 223, 70, 2],
          "reason": "full"
        },
        {
          "object": "LayoutFlexibleBox DIV",
          "rect": [108, 223, 69, 2],
          "reason": "forced by layout"
        },
        {
          "object": "LayoutBlockFlow DIV id='track'",
          "rect": [227, 200, 61, 48],
          "reason": "subtree"
        },
        {
          "object": "LayoutBlockFlow DIV id='thumb'",
          "rect": [90, 200, 37, 48],
          "reason": "full"
        },
        {
          "object": "LayoutBlockFlow DIV id='thumb'",
          "rect": [252, 200, 36, 48],
          "reason": "subtree"
        },
        {
          "object": "LayoutBlockFlow DIV id='thumb'",
          "rect": [159, 200, 36, 48],
          "reason": "full"
        },
        {
          "object": "LayoutButton INPUT",
          "rect": [195, 208, 32, 32],
          "reason": "subtree"
        },
        {
          "object": "LayoutButton INPUT",
          "rect": [0, 208, 32, 32],
          "reason": "full"
        },
        {
          "object": "LayoutFlexibleBox DIV",
          "rect": [245, 223, 25, 2],
          "reason": "subtree"
        },
        {
          "object": "LayoutSlider INPUT",
          "rect": [245, 223, 25, 2],
          "reason": "subtree"
        },
        {
          "object": "LayoutBlockFlow (anonymous)",
          "rect": [32, 208, 24, 32],
          "reason": "forced by layout"
        },
        {
          "object": "LayoutText #text",
          "rect": [32, 217, 24, 14],
          "reason": "full"
        }
      ]
    }
  ],
  "objectPaintInvalidations": [
    {
      "object": "LayoutVideo VIDEO id='video'",
      "reason": "full"
    },
    {
      "object": "LayoutButton INPUT",
      "reason": "full"
    },
    {
      "object": "LayoutBlockFlow (anonymous)",
      "reason": "forced by layout"
    },
    {
      "object": "RootInlineBox",
      "reason": "forced by layout"
    },
    {
      "object": "LayoutText #text",
      "reason": "full"
    },
    {
      "object": "InlineTextBox '0:00'",
      "reason": "full"
    },
    {
      "object": "LayoutSlider INPUT",
      "reason": "full"
    },
    {
      "object": "LayoutFlexibleBox DIV",
      "reason": "forced by layout"
    },
    {
      "object": "LayoutBlockFlow DIV id='thumb'",
      "reason": "full"
    },
    {
      "object": "LayoutButton INPUT",
      "reason": "subtree"
    },
    {
      "object": "LayoutSlider INPUT",
      "reason": "subtree"
    },
    {
      "object": "LayoutFlexibleBox DIV",
      "reason": "subtree"
    },
    {
      "object": "LayoutBlockFlow DIV id='track'",
      "reason": "subtree"
    },
    {
      "object": "LayoutBlockFlow DIV id='thumb'",
      "reason": "subtree"
    }
  ]
}

