> ## Documentation Index
> Fetch the complete documentation index at: https://velt-mintlify-e6426361.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Comment Player Timeline

> Customize the Velt Comment Player Timeline component — disable Shadow DOM, style timestamped video comments, and theme the scrubber to match your player.

<img src="https://mintcdn.com/velt-mintlify-e6426361/S-zn06g-uy4cTpI6/images/customization/comments/comment-player-timeline/comment-player-timeline.png?fit=max&auto=format&n=S-zn06g-uy4cTpI6&q=85&s=f3392a2f1d3895b41023206f9b393750" alt="" width="1280" height="400" data-path="images/customization/comments/comment-player-timeline/comment-player-timeline.png" />

## Disable ShadowDOM

* By default, ShadowDOM is used to ensure that your app's CSS does not interfere with the styling of the SDK components.
* Disable the shadow dom to apply your custom CSS to the component.

Default: `true`

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltCommentPlayerTimeline shadowDom={false} />
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```jsx theme={null}
    <velt-comment-player-timeline shadow-dom="false"></velt-comment-player-timeline>
    ```
  </Tab>
</Tabs>