# Branding

```html
<div id="player"></div>
<script>
  new js3q({
    dataid: '5c3b0910-8850-11e7-9273-002590c750be',
    container: 'player',
    branding: {
      position: 'top-left',
      src: '//unsplash.it/48/48',
      text1: 'Branding',
      text2: 'Powered by 3Q',
    },
  })
</script>
```

| value    | type     | description                                              | default        |
| -------- | -------- | -------------------------------------------------------- | -------------- |
| position | `String` | `top-left`, `top-right`, `bottom-left` or `bottom-right` | `bottom-right` |
| src      | `String` | `<img>` source (image is per default 48x48px)            |                |
| text1    | `String` | top text                                                 |                |
| text2    | `String` | bottom text                                              |                |
| href     | `String` | external link                                            |                |

{% embed url="<https://codepen.io/3qgmbh/embed/jOaPRBB>" %}