diff --git a/README.md b/README.md
index 9de1d6206..4911c8413 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ 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.10.4%2Fcore.min.js&video_plugins=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fvideo-plugin%2Fmain_html5.min.js%0Ahttp%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fvideo-plugin%2Fosmf_flash.min.js%0Ahttp%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fvideo-plugin%2Fbit_wrapper.min.js&html5_skin=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fskin-plugin%2Fhtml5-skin.min.js&skin_asset=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fskin-plugin%2Fhtml5-skin.min.css&skin_config=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fskin-plugin%2Fskin.json&ad_plugin=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.4%2Fad-plugin%2Ffreewheel.min.js&additional_plugins=http%3A%2F%2Fplayer.ooyala.com%2Fstatic%2Fv4%2Fstable%2F4.10.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)
This simple test HTML page can also be hosted on your environment to showcase html5 skin.
```html
@@ -17,13 +17,13 @@ This simple test HTML page can also be hosted on your environment to showcase ht
-
-
-
-
+
+
+
+
-
-
+
+
@@ -136,7 +136,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.10.4/skin-plugin/skin.json",
"inline": {
"startScreen": {"showDescription": false, "playIconStyle": {"color": "blue"}}
}
diff --git a/iframe.html b/iframe.html
index b41fad0fd..9f3acf097 100644
--- a/iframe.html
+++ b/iframe.html
@@ -2,12 +2,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -19,7 +19,7 @@
"playerBrandingId": queryParams.match(/pbid=([^&]*)/)[1],
"skin": {
"config": "",
- "inline": {"shareScreen": {"embed": {"source": ""}}}
+ "inline": {"shareScreen": {"embed": {"source": ""}}}
}
};
diff --git a/js/controller.js b/js/controller.js
index 9c8c555eb..cc61be470 100644
--- a/js/controller.js
+++ b/js/controller.js
@@ -21,7 +21,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": "", "rev": ""};
+ OO.publicApi.VERSION.skin = {"releaseVersion": "4.10.4", "rev": ""};
}
var Html5Skin = function (mb, id) {
diff --git a/sample.html b/sample.html
index 9d5d505ae..95b83da83 100644
--- a/sample.html
+++ b/sample.html
@@ -2,13 +2,13 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
@@ -20,7 +20,7 @@
'debug':true,
"skin": {
"config": "",
- "inline": {"shareScreen": {"embed": {"source": ""}}}
+ "inline": {"shareScreen": {"embed": {"source": ""}}}
}
};
OO.ready(function() {
diff --git a/scss/components/_share-panel.scss b/scss/components/_share-panel.scss
index 398b4c3a0..8a43e2f3b 100644
--- a/scss/components/_share-panel.scss
+++ b/scss/components/_share-panel.scss
@@ -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.10.4/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.10.4/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.10.4/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.10.4/skin-plugin/assets/images/social-email.svg");
background-size: cover;
}