Skip to main content

Adding a station logo

In this example we have added a station logo to the first example, and set the playing to start at 60 seconds

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<!-- First we load the SDK -->
<script type='text/javascript' src="//"></script>
<link rel="stylesheet" href=""
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src=""
<h1>Example with external buttons</h1>
<!-- then we make a div to put the player into-->
<div id="video-wrapper" style="position: relative; width: 720px; height: 400px;"></div>
<!-- Then we make a div with our 2 buttons -->
<button class="btn btn-primary" onclick="">Play</button>
<button class="btn btn-primary" onclick="player.pause()">Pause</button>
<script type="text/javascript">
// in out script tag we make the wrapper and declare the player so that we have something we can controll with all te functions
let video_wrapper = document.querySelector("#video-wrapper")
let player = new PrivacyPlayerPro(
// this is the link to your content
video_wrapper, true, true
//now when the player.ready_callback is called we want to hide the controlbar, set the video to start playing at 0 seconds and finally enable a station logo overplay.
player.ready_callback = function () {
// the next function enables the station logo, you can change the scale of the logo
player.enableStationLogo('logo.svg', 20, 1)

Live example#