Integrate Seen’s video player seamlessly into your website with a simple HTML snippet. Follow the steps below to embed the player and customize its appearance.

1. Basic Integration

To embed the Seen video player on your webpage, include the following <iframe> snippet in your HTML code:

<iframe src="<https://player.seen.io/v/AhdlZ6Qq28LDQAptGHUY>"
        style="aspect-ratio: 16 / 9; width: 900px; border: 0;"
        webkitallowfullscreen mozallowfullscreen allowfullscreen
        allow="clipboard-write; fullscreen; web-share;">
	</iframe>

Understanding the URL Structure:

• Base URL: https://player.seen.io/v/
• Video Identifier: AhdlZ6Qq28LDQAptGHUY

Parameters Explained:

• src: The URL of the SEEN video player with the specific video ID.
• aspect-ratio: Maintains a responsive 16:9 aspect ratio for optimal video scaling.
• width: Defines the width of the player (default: 900px). Adjust as needed.
• border: Removes the default iframe border for a clean look.
• webkitallowfullscreen, mozallowfullscreen, allowfullscreen: Enables full-screen playback on different browsers.

2. Customising the Player

You can modify the width or adjust the aspect ratio to fit your design:

Responsive Width Example:

To make the video player responsive, use CSS instead of a fixed width:

<style>
  .seenio-player {
    width: 100%;
    max-width: 900px;
    height: 600px;
  }
</style>

<iframe class="seenio-player"
        src="<https://player.seen.io/v/AhdlZ6Qq28LDQAptGHUY>"
        style="aspect-ratio: 16 / 9; border: 0;"
        scrolling="no"
        webkitallowfullscreen mozallowfullscreen allowfullscreen
        allow="clipboard-write; fullscreen; web-share;">
</iframe>

Adjusting Aspect Ratio: