---
updatedAt: 2026-10-01T12:43:17.000Z
agentTools:
  projectIndex: https://developers.dailymotion.com/v0/llms.txt
---

# iFrame (Web)

Embed a partially configured player without JavaScript. Smart player functionality such as “Picture-in-Picture”, “first time viewable”, “auto-sizing” and “Forward full URL” along with access to the Platform API won’t be available. The iFrame Player will benefit only from basic UI customizations specified in the Player configurator UI or Rest API.

We recommend Partners take full advantage of our Player technology and use the [Player Embed Script](https://developers.dailymotion.com/v0/docs/player-embed-script-web) or [Player Library Script](https://developers.dailymotion.com/v0/docs/player-library-script).

If you prefer using the iFrame embed, the embed code can be either copied from the [Dailymotion Studio](https://www.dailymotion.com/partner/embed/players) in the Player’s tab, or retrieved from the Platform API (see [`embed_html_url`](https://developers.dailymotion.com/v0/reference/player-fields#/embed_html_url) field).

<Cards columns="1">
  <Card title="Get a Player embed_html_url: Try it out!" href="https://developers.dailymotion.com/v0/reference/partner-api-get-a-player" icon="fa-angle-double-down">

  </Card>
</Cards>

<br />

<Callout icon="⚠️" theme="warn">
  ### Warning

  The iFrame embed type is only appropriate for environments that restrict the use of JavaScript i.e AMP. We encourage where possible to embed the player via one of our provided script embeds.
</Callout>

<br />

***

# Embed a video

Use the `video` param in the `src`:

```html
<iframe frameborder="0" width="640" height="360" 
    src="https://geo.dailymotion.com/player/{Player ID}.html?video={Video ID}" 
    allowfullscreen 
    allow="autoplay; fullscreen; picture-in-picture; web-share">
</iframe>
```

```html Example
<!-- Replace in src the Player ID and video ID with your own IDs retrieved from your Dailymotion Studio or via the API -->

<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe
    style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden"
    frameborder="0"
    type="text/html"
    src="https://geo.dailymotion.com/player/x8lr5.html?video=x84sh87&amp;mute=true"
    width="100%"
    height="100%"
    allowfullscreen
    allow="autoplay; web-share"
  >
  </iframe>
</div>
```

***

# Embed a playlist

Use the `playlist` param in the `src`:

```html
<!-- Replace the Player ID and Playlist ID with your own -->
<iframe frameborder="0" width="640" height="360" 
    src="https://geo.dailymotion.com/player/{Player ID}.html?playlist={Playlist ID}" 
    allowfullscreen 
    allow="autoplay; fullscreen; picture-in-picture; web-share">
</iframe>
```

```html Example
<!-- Replace in src the Player ID, playlist ID and video ID with your own IDs retrieved from your Dailymotion Studio or via the API -->

<!-- Case 1: Embed a playlist -->
<iframe
  frameborder="0"
  width="640"
  height="360"
  src="https://geo.dailymotion.com/player/x8lr5.html?playlist=x5zhzj"
  allowfullscreen
  allow="autoplay; web-share"
>
</iframe>

<!-- Case 2: Play a video followed by a playlist -->
<iframe
  frameborder="0"
  width="640"
  height="360"
  src="https://geo.dailymotion.com/player/x8lr5.html?video=x84sh87&amp;playlist=x5zhzj"
  allowfullscreen
  allow="autoplay; web-share"
>
</iframe>
```