---
title: Publitas interactive - Blue Billywig video player
description:   If you are working with Blue Billywig on your website, you can easily add Spott's interactive layer by adding a script to your existing implementation. Your current video publishing process is not a
---

[Skip to content](https://support.publitas.com/spott-blue-billywig-video-player#main-content)

English

Show submenu for translations

[Contact Support](https://support.publitas.com/kb-tickets/new?hsLang=en)

![Publitas blue-270](https://support.publitas.com/hs-fs/hubfs/Publitas%20blue-270.png?width=175&height=57&name=Publitas%20blue-270.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Contact Support](https://support.publitas.com/kb-tickets/new)
- [Back to Publitas](https://www.publitas.com/)

[Back to Publitas](https://www.publitas.com/)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://support.publitas.com/?hsLang=en)
2. [Using Publitas Interactive](https://support.publitas.com/using-publitas-interactive?hsLang=en)
3. [Integrations](https://support.publitas.com/using-publitas-interactive?hsLang=en#integrations)

# Publitas interactive - Blue Billywig video player

 

If you are working with Blue Billywig on your website, you can easily add Spott's interactive layer by adding a script to your existing implementation.

Your current video publishing process is not affected, which means you publish your videos first and add the interactive layer independently.

Our Blue Billywig integration works by adding a code snippet to your website where your video is shown and by adding the Spott project id to your Blue Billywig init script.

 

#### Using Spott video ID

**Step 1: Upload your video to Spott and make it interactive**

You'll add interactive elements to your video in the Spott Studio. In order to do that, you should upload your video to the Spott platform.

Log into Spott and go to the [project page](https://app.spott.ai/projects), upload your video, and make it interactive.

We have a [full step-by-step guide](https://support.publitas.com/hc/en-us/articles/360052364732?hsLang=en) for you if you haven't learned how to do this already.

 

**Step 2: Put this code snippet on your website**

Go to your website and put in this code snippet. Leave this page open as you still need to make some changes in *step 3.*

```
<script src="https://demo.bbvms.com/launchpad/"></script><script src="https://static.spott.ai/videoplayer/js/spott.bbwig.js"></script><script> constplayer = newbluebillywig.Player("http://demo.bbvms.com/p/default/c/xxxxx.json", {   target :document.getElementById("player") }); constspottPlayer = createSpottBlueBillywigInstance(player, {   blueBillywigVideoId:'xxx-xxx-xxx-xxx-xxx' });</script>
```

 

The script acts as a bridge between your player and Spott. To set this up, enter these parameters:

- The Blue Billywig video ID is in the example xxxxx 
- blueBillywigVideoId:'xxx-xxx-xxx-xxx-xxx' inside spott-overlay is the Spott video id

**Step 3: Get the Spott video ID**

When you have uploaded your video, go to the Spott Studio, where you can copy the video ID.

Look at the URL and copy the ID; this is the last part of the URL before the '**?**' symbol. You can paste this in the videoId parameter in the code snippet.

#### Using Blue Billywig video ID

**Step 1: Upload your video to Spott and make it interactive**

You'll add interactive elements to your video in the Spott Studio. In order to do that, you should upload your video to the Spott platform.

Log into Spott and go to the [project page](https://app.spott.ai/projects), upload your video, and make it interactive.

We have a [full step-by-step guide](https://support.publitas.com/hc/en-us/articles/360052364732?hsLang=en) for you if you haven't learned how to do this already.

 

**Step 2: Put this code snippet on your website**

Go to your website and put in this code snippet. Leave this page open as you still need to make some changes in *step 3.*

```
<script src="https://demo.bbvms.com/launchpad/"></script><script src="https://static.spott.ai/videoplayer/js/spott.bbwig.js"></script><script> constplayer = newbluebillywig.Player("http://demo.bbvms.com/p/default/c/xxxxx.json", { target :document.getElementById("player") }); constspottPlayer = createSpottBlueBillywigInstance(player, { blueBillywigVideoId:'xxxxx' });</script>
```

 

The script acts as a bridge between your player and Spott. To set this up, enter these parameters:

- The Blue Billywig video ID is in the example XXXXXX 
- blueBillywigVideoId:'xxxxxx' inside spott-overlay is the Spott video id

### Step 3: Add the external id on Spott

While you're still in the Studio, click on the projects tab:

![Screenshot](https://support.publitas.com/hc/article_attachments/9125775081884)

 

In this modal, you should see "*External source*" and select "Blue Billywig." In the ExternalID field, you can enter your Blue Billywig ID.

Click save to continue. Now you're all set!

- [Managing Publications](https://support.publitas.com/managing-publications?hsLang=en#main-content)

    - [Create Content in Publitas](https://support.publitas.com/managing-publications?hsLang=en#create-content-in-publitas)
    - [Managing your publications](https://support.publitas.com/managing-publications?hsLang=en#managing-your-publications)
    - [Editing pages](https://support.publitas.com/managing-publications?hsLang=en#editing-pages)
    - [Updating the Publication URL](https://support.publitas.com/managing-publications?hsLang=en#updating-the-publication-url)
    - [SEO](https://support.publitas.com/managing-publications?hsLang=en#seo)
    - [Troubleshooting](https://support.publitas.com/managing-publications?hsLang=en#troubleshooting)
    - [Create Adaptive content in Publitas](https://support.publitas.com/managing-publications?hsLang=en#create-adaptive-content-in-publitas)
- [Adding Hotspots](https://support.publitas.com/adding-hotspots?hsLang=en#main-content)

    - [Using the hotspot editor](https://support.publitas.com/adding-hotspots?hsLang=en#using-the-hotspot-editor)
    - [Hotspots explained](https://support.publitas.com/adding-hotspots?hsLang=en#hotspots-explained)
    - [Hotspot automation](https://support.publitas.com/adding-hotspots?hsLang=en#hotspot-automation)
- [Customizing the Reader](https://support.publitas.com/customizing-the-reader?hsLang=en#main-content)

    - [Reader settings](https://support.publitas.com/customizing-the-reader?hsLang=en#reader-settings)
    - [Branding](https://support.publitas.com/customizing-the-reader?hsLang=en#branding)
    - [Banners](https://support.publitas.com/customizing-the-reader?hsLang=en#banners)
- [Publishing Publications](https://support.publitas.com/publishing-publications?hsLang=en#main-content)

    - [Sharing](https://support.publitas.com/publishing-publications?hsLang=en#sharing)
    - [Embedding](https://support.publitas.com/publishing-publications?hsLang=en#embedding)
    - [Availability](https://support.publitas.com/publishing-publications?hsLang=en#availability)
    - [Generating reach](https://support.publitas.com/publishing-publications?hsLang=en#generating-reach)
- [E-commerce & Product Feeds](https://support.publitas.com/e-commerce-product-feeds?hsLang=en#main-content)

    - [Importing Product Feeds](https://support.publitas.com/e-commerce-product-feeds?hsLang=en#importing-product-feeds)
    - [Managing product details](https://support.publitas.com/e-commerce-product-feeds?hsLang=en#managing-product-details)
    - [E-commerce Solutions](https://support.publitas.com/e-commerce-product-feeds?hsLang=en#e-commerce-solutions)
- [Dynamic Publications](https://support.publitas.com/dynamic-publications?hsLang=en#main-content)

    - [Creating dynamic content](https://support.publitas.com/dynamic-publications?hsLang=en#creating-dynamic-content)
- [Using Publitas Interactive](https://support.publitas.com/using-publitas-interactive?hsLang=en#main-content)

    - [The basics](https://support.publitas.com/using-publitas-interactive?hsLang=en#the-basics)
    - [Integrations](https://support.publitas.com/using-publitas-interactive?hsLang=en#integrations)
- [Publication Analytics](https://support.publitas.com/publication-analytics?hsLang=en#main-content)

    - [Publication Dashboard](https://support.publitas.com/publication-analytics?hsLang=en#publication-dashboard)
    - [Google Analytics](https://support.publitas.com/publication-analytics?hsLang=en#google-analytics)
    - [Other integrations](https://support.publitas.com/publication-analytics?hsLang=en#other-integrations)
    - [Insights & Recommendations](https://support.publitas.com/publication-analytics?hsLang=en#insights-recommendations)
- [API](https://support.publitas.com/api?hsLang=en#main-content)

    - [Publitas API](https://support.publitas.com/api?hsLang=en#publitas-api)
- [Privacy and Security](https://support.publitas.com/privacy-and-security?hsLang=en#main-content)

    - [Account security](https://support.publitas.com/privacy-and-security?hsLang=en#account-security)
    - [Cookies, privacy, and policies](https://support.publitas.com/privacy-and-security?hsLang=en#cookies-privacy-and-policies)
- [Account](https://support.publitas.com/account?hsLang=en#main-content)

    - [Login and password](https://support.publitas.com/account?hsLang=en#login-and-password)
    - [Managing your account](https://support.publitas.com/account?hsLang=en#managing-your-account)
- [Billing](https://support.publitas.com/billing?hsLang=en#main-content)

    - [Billing Details](https://support.publitas.com/billing?hsLang=en#billing-details)
    - [Subscription](https://support.publitas.com/billing?hsLang=en#subscription)
    - [Data Traffic](https://support.publitas.com/billing?hsLang=en#data-traffic)
- [Partners and Integrations](https://support.publitas.com/partners-and-integrations?hsLang=en)
- [Learning Center](https://support.publitas.com/learning-center?hsLang=en#main-content)

    - [Tutorials](https://support.publitas.com/learning-center?hsLang=en#tutorials)
- [Trust & Safety](https://support.publitas.com/trust-safety?hsLang=en)

[![Publitas blue-270](https://support.publitas.com/hs-fs/hubfs/Publitas%20blue-270.png?width=100&height=32&name=Publitas%20blue-270.png "Publitas blue-270")](http://publitas.com)

Copyright © 2025, Publitas B.V.