{
  "name": "Content Root Layer",
  "bounds": [800, 600],
  "children": [
    {
      "name": "LayoutView #document",
      "bounds": [800, 600],
      "contentsOpaque": true,
      "drawsContent": true,
      "children": [
        {
          "name": "LayoutVideo VIDEO id='video'",
          "position": [8, 8],
          "bounds": [320, 240]
        },
        {
          "name": "Squashing Containment Layer",
          "shouldFlattenTransform": false,
          "children": [
            {
              "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": "LayoutFlexibleBox DIV",
                  "rect": [96, 223, 81, 2],
                  "reason": "forced by layout"
                },
                {
                  "object": "LayoutSlider INPUT",
                  "rect": [96, 223, 81, 2],
                  "reason": "full"
                },
                {
                  "object": "LayoutBlockFlow DIV id='thumb'",
                  "rect": [159, 208, 36, 32],
                  "reason": "full"
                },
                {
                  "object": "LayoutBlockFlow DIV id='thumb'",
                  "rect": [78, 208, 36, 32],
                  "reason": "full"
                },
                {
                  "object": "LayoutButton INPUT",
                  "rect": [195, 208, 32, 32],
                  "reason": "full"
                },
                {
                  "object": "LayoutButton INPUT",
                  "rect": [0, 208, 32, 32],
                  "reason": "full"
                },
                {
                  "object": "LayoutSlider INPUT",
                  "rect": [245, 223, 25, 2],
                  "reason": "full"
                },
                {
                  "object": "LayoutBlockFlow (anonymous)",
                  "rect": [32, 208, 18, 32],
                  "reason": "forced by layout"
                },
                {
                  "object": "LayoutText #text",
                  "rect": [32, 217, 18, 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": "full"
    },
    {
      "object": "LayoutSlider INPUT",
      "reason": "full"
    }
  ]
}

