The player in Wowza Video is extensively customizable, allowing you to style, brand, and adjust functionality to suit your streaming event and viewership.
Documentation about customizing the player
The best sources to find out what Wowza Flowplayer can do is to review our developer documentation covering:
Overriding an iframe link
We always recommend you use Wowza Video's Player Configurations UI to configure your player as a starting point. If you need to make minor modifications programmatically, or manually, we've added information below on how to do that.
If you want to make major modifications, we suggest you use the JavaScript embed code instead.
Normally the iframe embed code looks like this:
<div class="flowplayer-embed-container"
style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:100%;">
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
webkitAllowFullScreen mozallowfullscreen allowfullscreen
src="//embed.flowplayer.com/api/video/embed.jsp?id=ddse9cb9d-b670-4453-a6bd-6c66e8d291e4&pi=3480668e-2322-4c18-b11a-92af07d07dd6"
title="0" byline="0" portrait="0"
width="640" height="360" frameborder="0" allow="autoplay"></iframe>
</div>
If you want to add custom parameters to this code programmatically, you need to add them to the embed.flowplayer.com URL.
We provide options to add the following parameters:
| Field | Values | Description |
|---|---|---|
|
id |
ID of the media asset. |
Use a Video, Live. |
|
pi |
ID of the player config. | Determine which player config will be used. The iframe will use the default player config on your site if not set. |
|
autoplay |
true false only_with_audio |
Determine if video should autoplay or not. |
| mute | true false |
Override mute or non-mute (with sound). |
| startTime | Seconds into the video. | Set the starting point for playback. |
An example would look like the following to force autoplay, mute, and start 10 seconds into the video:
embed.flowplayer.com/api/video/embed.jsp?
id=ddse9cb9d-b670-4453-a6bd-6c66e8d291e4&
pi=3480668e-2322-4c18-b11a-92af07d07dd6&
autoplay=true&
mute=true&
startTime=10&
imageurl=http://domain.com/image.png
Customizing a player using the JavaScript embed
If you want to add extensive customizations for the player, we recommend using the JavaScript embed. The JavaScript embed code looks like this:
<div data-player-id="cdcc4202-ef0b-4e03-a43a-d1fcf6d83157">
<script src="//cdn.flowplayer.com/players/ffdf2c44-aa29-4df8-a270-3a199a1b119e/native/flowplayer.async.js">
{
"src": "f576651c-4cc6-4664-84fa-bb3b35ef1aba"
}
</script>
</div>
There are extensive options to configure the player available for you.
