# Page items

Flipbook page can have array of items. Item can be video, audio, image, link, iframe and youtube. Here is an example

{% code overflow="wrap" %}
```javascript
const options = {
    pages: [
        {
            src: "book1/1.jpg", 
            thumb: "book1/thumb1.jpg", 
            items: [
                { type: 'video', x: 40, y: 313, width: 230, height: 128, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/interior_design.mp4'},
                { type: 'youtube', x: 43, y: 45, width: 220, height: 126, url: 'https://www.youtube.com/embed/Cv1W4nzxPBM'}
            ]
        },
        ...
    ]
}

new Flipbook(container, options) 
```
{% endcode %}

Available Items are `video, iframe, youtube, image, image, audio, link`. Here are examples

### Video

{% code overflow="wrap" %}
```javascript
{ type: 'video', x: 40, y: 313, width: 230, height: 128, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/interior_design.mp4' }
```
{% endcode %}

### Youtube

<pre class="language-javascript" data-overflow="wrap"><code class="lang-javascript"><strong>{ type: 'youtube', x: 43, y: 45, width: 220, height: 126, url: 'https://www.youtube.com/embed/Cv1W4nzxPBM' }
</strong></code></pre>

### Iframe

<pre class="language-javascript"><code class="lang-javascript"><strong>{ type: 'iframe', x: 100, y: 200, width: 300, height: 200, url: 'https://real3dflipbook.com/#aiwo_1' }
</strong></code></pre>

### Image

{% code overflow="wrap" %}
```javascript
{ type: 'image', x: 100, y: 200, width: 220, height: 126, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/logo.png' }
```
{% endcode %}

### Audio

{% code overflow="wrap" %}
```javascript
{ type: 'audio', x: 100, y: 200, width: 220, height: 126, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/sound.mp3' }
```
{% endcode %}

### External link

{% code overflow="wrap" %}
```javascript
{ type: 'link', x: 100, y: 200, width: 220, height: 50, url: 'https://real3dflipbook.com/' }
```
{% endcode %}

### Internal link

```javascript
{ type: 'link', x: 100, y: 200, width: 220, height: 50, page: 4 }
```
