If you don't find an answer, please click here to post your question.
Reply
Occasional Advisor
Posts: 9
Registered: ‎08-20-2017

where can i give my customised options in this video.? i want to add play,pause,close.

please edit the scripting to add customised options and i am not able to play this video

 

<!DOCTYPE html>
<html>
    <head>
        <title>My Test Player V4 Web Page</title>
        <script src="http://player.ooyala.com/core/d8916bdc88b84458b134b4ab8a75b6f5"></script>
    </head>
    <body>
        <div id="container" style="width:640px; height:360px;"></div>
         <button onclick="start()">start</button>
         <button onclick="stop()">stop</button>        
 <script>
            var playerParam = {
              'autoplay':true,   
"skin": {
                      
                  "config": "http://player.ooyala.com/core/skin.json",
                  "inline": {
                      //Put your player customizations here to override settings in skin.json. The JSON object must match the structure of skin.json
                      "startScreen": {"showDescription": true, "playIconStyle": {"color": "blue"}}
                  }
              }
            };
            OO.ready(function() {
              window.pp = OO.Player.create("container", "BsbGtmYzE6Gf4Ko0nkwVlaIlImXBG7h3", playerParam);
            });
        </script>
    </body>
</html>

Ooyalan
Posts: 5
Registered: ‎01-22-2017

Re: where can i give my customised options in this video.? i want to add play,pause,close.

Hey there, 

Please see the code below:

<!DOCTYPE html>
<html>
<head>
<title>My Test Player V4 Web Page</title>
<script src="http://player.ooyala.com/core/d8916bdc88b84458b134b4ab8a75b6f5"></script>
</head>
<body>
<button id="pause" class="control" style="margin:10px;padding:10px">Pause</button>
<button id="play" class="control" style="margin:10px;padding:10px">Play</button>
<div id="container" style="width:640px; height:360px !important;"></div>

<script>

function ClickPlay() {
window.pp.play();
}

function ClickPause() {
window.pp.pause();
}

var playerParam = {
'autoplay':true,
"skin": {
"config": "http://player.ooyala.com/core/skin.json",
"inline": {
//Put your player customizations here to override settings in skin.json. The JSON object must match the structure of skin.json
"startScreen": {"showDescription": true, "playIconStyle": {"color": "blue"}}
}
}
};
OO.ready(function() {
window.pp = OO.Player.create("container", "BsbGtmYzE6Gf4Ko0nkwVlaIlImXBG7h3", playerParam);
var startplay = document.getElementById("play");
startplay.disabled = false;
startplay.onclick = ClickPlay;
var pauseplay = document.getElementById("pause");
pauseplay.disabled = false;
pauseplay.onclick = ClickPause;
});
</script>
</body>
</html>

 

We have functions such as play() and pause() (and not stop()) to help you with.

To know more about such methods, please go through http://apidocs.ooyala.com/player_v4_js/index.html.

 

Hope this helps :)

 

Cheers,

Rohit

Occasional Advisor
Posts: 9
Registered: ‎08-20-2017

Re: where can i give my customised options in this video.? i want to add play,pause,close.

What suppose if I want to add buffer and change volume functions in this scripting. These buttons aren't functioning in my video

Highlighted
Occasional Advisor
Posts: 9
Registered: ‎08-20-2017

Re: where can i give my customised options in this video.? i want to add play,pause,close.

What suppose if I want to add buffer and change volume functions in this scripting. These buttons aren't functioning in my video