Skip to content

Commit

Permalink
update stable route to stable/4.9.8
Browse files Browse the repository at this point in the history
  • Loading branch information
QA Tools - Alfred Jenkins committed Nov 3, 2016
1 parent e31e961 commit 73fd17d
Show file tree
Hide file tree
Showing 5 changed files with 31 additions and 31 deletions.
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,21 @@ An open-source HTML5 UI skin based on [React.js](https://github.com/facebook/rea
`core.js` is a lightweight core player that enables basic video playback functionality and provides Message Bus environment. Most of additional capabilities such as ads, discovery and skin are separated from core player JS. You may want to load additional plugins.

## Examples
We have a sample HTML page ready for you. Check out [sample page](http://debug.ooyala.com/ea/index.html?ec=RmZW4zcDo6KqkTIhn1LnowEZyUYn5Tb2&pbid=26e2e3c1049c4e70ae08a242638b5c40&pcode=5zb2wxOlZcNCe_HVT3a6cawW298X&core_player=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fcore.min.js&video_plugins=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fvideo-plugin%2Fmain_html5.min.js%0Ahttp%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fvideo-plugin%2Fosmf_flash.min.js%0Ahttp%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fvideo-plugin%2Fbit_wrapper.min.js&html5_skin=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fskin-plugin%2Fhtml5-skin.min.js&skin_asset=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fskin-plugin%2Fhtml5-skin.min.css&skin_config=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fskin-plugin%2Fskin.json&ad_plugin=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fad-plugin%2Ffreewheel.min.js&additional_plugins=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.1.4%2Fother-plugin%2Fdiscovery_api.min.js&options=%7B%22freewheel-ads-manager%22%3A%7B%22fw_video_asset_id%22%3A%22NqcGg4bzoOmMiV35ZttQDtBX1oNQBnT-%22%2C%22html5_ad_server%22%3A%22http%3A%2F%2Fg1.v.fwmrm.net%22%2C%22fw_android_ad_server%22%3A%22http%3A%2F%2Fg1.v.fwmrm.net%2F%22%2C%22html5_player_profile%22%3A%2290750%3Aooyala_html5%22%2C%22fw_android_player_profile%22%3A%2290750%3Aooyala_android%22%2C%22fw_mrm_network_id%22%3A%22380912%22%7D%7D)
We have a sample HTML page ready for you. Check out [sample page](http://debug.ooyala.com/ea/index.html?ec=RmZW4zcDo6KqkTIhn1LnowEZyUYn5Tb2&pbid=26e2e3c1049c4e70ae08a242638b5c40&pcode=5zb2wxOlZcNCe_HVT3a6cawW298X&core_player=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fcore.min.js&video_plugins=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fvideo-plugin%2Fmain_html5.min.js%0Ahttp%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fvideo-plugin%2Fosmf_flash.min.js%0Ahttp%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fvideo-plugin%2Fbit_wrapper.min.js&html5_skin=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fskin-plugin%2Fhtml5-skin.min.js&skin_asset=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fskin-plugin%2Fhtml5-skin.min.css&skin_config=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fskin-plugin%2Fskin.json&ad_plugin=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fad-plugin%2Ffreewheel.min.js&additional_plugins=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.9.8%2Fother-plugin%2Fdiscovery_api.min.js&options=%7B%22freewheel-ads-manager%22%3A%7B%22fw_video_asset_id%22%3A%22NqcGg4bzoOmMiV35ZttQDtBX1oNQBnT-%22%2C%22html5_ad_server%22%3A%22http%3A%2F%2Fg1.v.fwmrm.net%22%2C%22fw_android_ad_server%22%3A%22http%3A%2F%2Fg1.v.fwmrm.net%2F%22%2C%22html5_player_profile%22%3A%2290750%3Aooyala_html5%22%2C%22fw_android_player_profile%22%3A%2290750%3Aooyala_android%22%2C%22fw_mrm_network_id%22%3A%22380912%22%7D%7D)

This simple test HTML page can also be hosted on your environment to showcase html5 skin.
```html
<!DOCTYPE html>
<html>
<head>
<!-- V4 JS core and at least one video plugin is required. Plugins such as skin, discovery and Advertising need to be loaded separately -->
<script src="//player.ooyala.com/static/v4/stable/latest/core.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/main_html5.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/osmf_flash.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/bit_wrapper.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/core.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/main_html5.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/osmf_flash.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/bit_wrapper.min.js"></script>
<!-- Change these html5-skin.min.css and html5-skin.min.js to your local build if necessary -->
<script src="//player.ooyala.com/static/v4/stable/latest/skin-plugin/html5-skin.min.js"></script>
<link rel="stylesheet" href="//player.ooyala.com/static/v4/stable/latest/skin-plugin/html5-skin.min.css"/>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/html5-skin.min.js"></script>
<link rel="stylesheet" href="//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/html5-skin.min.css"/>
</head>

<body>
Expand All @@ -34,7 +34,7 @@ This simple test HTML page can also be hosted on your environment to showcase ht
"debug":true,
"skin": {
// Config contains the configuration setting for player skin. Change to your local config when necessary.
"config": "//player.ooyala.com/static/v4/stable/latest/skin-plugin/skin.json"
"config": "//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/skin.json"
}
};
Expand Down Expand Up @@ -135,7 +135,7 @@ Simple customization can be achieved by modifying `skin.json` settings. Furtherm
```javascript
var playerParam = {
"skin": {
"config": "//player.ooyala.com/static/v4/stable/latest/skin-plugin/skin.json",
"config": "//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/skin.json",
"inline": {
"startScreen": {"showDescription": false, "playIconStyle": {"color": "blue"}}
}
Expand Down
16 changes: 8 additions & 8 deletions iframe.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<!DOCTYPE html>
<html style="padding:0; margin:0; width:100%; height:100%; overflow:hidden">
<head>
<script src="//player.ooyala.com/static/v4/stable/latest/core.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/main_html5.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/osmf_flash.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/bit_wrapper.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/skin-plugin/html5-skin.min.js"></script>
<link rel="stylesheet" href="//player.ooyala.com/static/v4/stable/latest/skin-plugin/html5-skin.min.css"/>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/core.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/main_html5.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/osmf_flash.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/bit_wrapper.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/html5-skin.min.js"></script>
<link rel="stylesheet" href="//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/html5-skin.min.css"/>
</head>

<body style="padding:0; margin:0; width:100%; height:100%; overflow:hidden">
Expand All @@ -17,8 +17,8 @@
"pcode": queryParams.match(/pcode=([^&]*)/)[1],
"playerBrandingId": queryParams.match(/pbid=([^&]*)/)[1],
"skin": {
"config": "//player.ooyala.com/static/v4/stable/latest/skin-plugin/skin.json",
"inline": {"shareScreen": {"embed": {"source": "<iframe width='640' height='480' frameborder='0' allowfullscreen src='//player.ooyala.com/static/v4/stable/latest/skin-plugin/iframe.html?ec=<ASSET_ID>&pbid=<PLAYER_ID>&pcode=<PUBLISHER_ID>'></iframe>"}}}
"config": "//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/skin.json",
"inline": {"shareScreen": {"embed": {"source": "<iframe width='640' height='480' frameborder='0' allowfullscreen src='//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/iframe.html?ec=<ASSET_ID>&pbid=<PLAYER_ID>&pcode=<PUBLISHER_ID>'></iframe>"}}}
}
};

Expand Down
2 changes: 1 addition & 1 deletion js/controller.js
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ OO.plugin("Html5Skin", function (OO, _, $, W) {

if (OO.publicApi && OO.publicApi.VERSION) {
// This variable gets filled in by the build script
OO.publicApi.VERSION.skin = {"releaseVersion": "<SKIN_VERSION>", "rev": "<SKIN_REV>"};
OO.publicApi.VERSION.skin = {"releaseVersion": "4.9.8", "rev": "<SKIN_REV>"};
}

var Html5Skin = function (mb, id) {
Expand Down
18 changes: 9 additions & 9 deletions sample.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<script src="//player.ooyala.com/static/v4/stable/latest/core.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/main_html5.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/osmf_flash.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/bit_wrapper.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/other-plugin/discovery_api.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/latest/skin-plugin/html5-skin.min.js"></script>
<link rel="stylesheet" href="//player.ooyala.com/static/v4/stable/latest/skin-plugin/html5-skin.min.css"/>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/core.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/main_html5.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/osmf_flash.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/video-plugin/bit_wrapper.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/other-plugin/discovery_api.min.js"></script>
<script src="//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/html5-skin.min.js"></script>
<link rel="stylesheet" href="//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/html5-skin.min.css"/>
</head>

<body>
Expand All @@ -18,8 +18,8 @@
"playerBrandingId": "26e2e3c1049c4e70ae08a242638b5c40",
'debug':true,
"skin": {
"config": "//player.ooyala.com/static/v4/stable/latest/skin-plugin/skin.json",
"inline": {"shareScreen": {"embed": {"source": "<iframe width='640' height='480' frameborder='0' allowfullscreen src='//player.ooyala.com/static/v4/stable/latest/skin-plugin/iframe.html?ec=<ASSET_ID>&pbid=<PLAYER_ID>&pcode=<PUBLISHER_ID>'></iframe>"}}}
"config": "//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/skin.json",
"inline": {"shareScreen": {"embed": {"source": "<iframe width='640' height='480' frameborder='0' allowfullscreen src='//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/iframe.html?ec=<ASSET_ID>&pbid=<PLAYER_ID>&pcode=<PUBLISHER_ID>'></iframe>"}}}
}
};
OO.ready(function() {
Expand Down
8 changes: 4 additions & 4 deletions scss/components/_share-panel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -62,22 +62,22 @@

.oo-facebook {
@extend .oo-social-icon;
background-image: url("//player.ooyala.com/static/v4/candidate/latest/skin-plugin/assets/images/social-facebook.svg");
background-image: url("//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/assets/images/social-facebook.svg");
}

.oo-twitter {
@extend .oo-social-icon;
background-image: url("//player.ooyala.com/static/v4/candidate/latest/skin-plugin/assets/images/social-twitter.svg");
background-image: url("//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/assets/images/social-twitter.svg");
}

.oo-google-plus {
@extend .oo-social-icon;
background-image: url("//player.ooyala.com/static/v4/candidate/latest/skin-plugin/assets/images/social-google.svg");
background-image: url("//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/assets/images/social-google.svg");
}

.oo-email-share {
@extend .oo-social-icon;
background-image: url("//player.ooyala.com/static/v4/candidate/latest/skin-plugin/assets/images/social-email.svg");
background-image: url("//player.ooyala.com/static/v4/stable/4.9.8/skin-plugin/assets/images/social-email.svg");
background-size: cover;
}

Expand Down

0 comments on commit 73fd17d

Please sign in to comment.