So you’ve been told it’s time to update your embed codes to get the most out of Viddler’s latest player (Arpeggio)? Once you’ve determined that Arpeggio is right for your business, follow these three simple steps to update your existing embed codes.
Step 1. Identify which player you are currently using
Are you using the Legacy player or the Arpeggio player? Not sure? Here’s how you find out.
Select the Player Setup tab
Which player is displayed?
What if I don’t typically login to the Viddler interface and use the APIs instead?
Search your source code for the word
If it’s the three former, then you’re using our Legacy player.
Step 2. Determine your embed type
If you determined that you are using the Legacy player, then you are most likely using an iframe embed.
If you are using the Arpeggio player, then you may be using the div tag embed or the iframe. Not sure which one? Here’s how you find out:
List steps for how you pull the embed from the UI and use screen shots again.
Now that you know your player and embed type, its time to move on to Step 3 for your embeds.
Legacy iframe embed
Arpeggio iframe embed
Arpeggio div tag embed
Step 3. Update your embeds
Before you update from the Legacy player to the new Arpeggio player, we encourage you to review, “Should I Switch?” to determine if Arpeggio is right for your business. We also encourage you to update one embed to try the differences out for yourself first before updating all.
If you’re using the iframe embed code, then you just need to determine whether you’re already using the Arpeggio player or not. The easiest ways to do this is by looking at it; the design is quite different. Alternatively, you can look in the embed code itself for the word
arpeggio. If it’s the three former, then you’re using our Legacy player. Switching the word out for arpeggio will update the player to the Arpeggio player.
What if I have hundreds of embeds? Can I switch them all to Arpeggio with one click?
This will depend on how and where your videos are embedded. Different Content Management Systems (CMS) will treat embed codes differently. Most will offer a ‘Find & Replace’ option. For example, you can find the word
full and replace it with
If you have a self-hosted installation of WordPress, then you can use the Find Replace plugin to search for a specific word/term and replace it.
Upgrading from Arpeggio v2 to v3
We’ve recently made some significant changes to our Arpeggio player. In order to access the benefits of these changes, you’ll need to update a little portion of the
div embed code. You’ll see the current version displays
v2. You’ll need to change this to
<head>section of your page/site, then you only need to change
<div class="viddler-auto-embed" data-video-id="694d2c9c" data-width="720" data-height="405" data-secret="50534832" data-audio-hide-poster="true"></div>
<iframe id="viddler-694d2c9c" src="//www.viddler.com/embed/694d2c9c/?f=1&player=arpeggio&secret=50534832&make_responsive=false&secret=50534832&audioHidePoster=true" width="720" height="405" frameborder="0" scrolling="no" allowfullscreen></iframe>
iframe (Legacy, Full)
<iframe id="viddler-694d2c9c" src="//www.viddler.com/embed/694d2c9c/?f=1&player=full&secret=50534832&make_responsive=false&secret=50534832&audioHidePoster=true" width="720" height="447" frameborder="0" scrolling="no" allowfullscreen></iframe>