diff --git a/sandbox/index.html.example b/sandbox/index.html.example
index 3eb5e3f868..70b0ba9ad5 100644
--- a/sandbox/index.html.example
+++ b/sandbox/index.html.example
@@ -18,7 +18,7 @@
You can use /sandbox/ for writing and testing your own code. Nothing in /sandbox/ will get checked into the repo, except files that end in .example, so please don't edit or add those files. To get started make a copy of index.html.example and rename it to index.html.
-
diff --git a/src/css/font/vjs.eot b/src/css/font/vjs.eot
index 1b8202af8b..a075c19f0b 100644
Binary files a/src/css/font/vjs.eot and b/src/css/font/vjs.eot differ
diff --git a/src/css/font/vjs.svg b/src/css/font/vjs.svg
index 2059a1f2ea..f1af0e53b5 100644
--- a/src/css/font/vjs.svg
+++ b/src/css/font/vjs.svg
@@ -9,32 +9,57 @@ This is a custom SVG font generated by IcoMoon.
\ No newline at end of file
diff --git a/src/css/font/vjs.ttf b/src/css/font/vjs.ttf
index a5ad4685e9..eb24637918 100644
Binary files a/src/css/font/vjs.ttf and b/src/css/font/vjs.ttf differ
diff --git a/src/css/font/vjs.woff b/src/css/font/vjs.woff
index 375510e044..c3f0f1d807 100644
Binary files a/src/css/font/vjs.woff and b/src/css/font/vjs.woff differ
diff --git a/src/css/video-js.font.dev.svg b/src/css/video-js.font.dev.svg
index c639bc93c8..496cf6d102 100644
--- a/src/css/video-js.font.dev.svg
+++ b/src/css/video-js.font.dev.svg
@@ -9,32 +9,57 @@ This is a custom SVG font generated by IcoMoon.
\ No newline at end of file
diff --git a/src/css/video-js.less b/src/css/video-js.less
index 0a2b3330d3..889737dfb3 100644
--- a/src/css/video-js.less
+++ b/src/css/video-js.less
@@ -95,8 +95,12 @@ The control icons are from a custom font. Each icon corresponds to a character
@fullscreen-exit-icon: "\e00b";
@square-icon: "\e009";
@spinner-icon: "\e00a";
+@spinner2-icon: "\e00d";
+@spinner3-icon: "\e01e";
+@spinner4-icon: "\e01f";
@subtitles-icon: "\e00c";
@captions-icon: "\e008";
+@share-icon: "\e00e";
/* Base UI Component Classes
--------------------------------------------------------------------------------
@@ -460,6 +464,15 @@ easily in the skin designer. http://designer.videojs.com/
.transition(all 0.4s);
}
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+ @total-width: @big-play-width + (@big-play-border-width * 2);
+ @total-height: @big-play-height + (@big-play-border-width * 2);
+
+ .absolute-align(center, @big-play-margin, @total-width);
+ .absolute-align(middle, @big-play-margin, @total-height);
+}
+
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
display: none;
@@ -510,7 +523,7 @@ easily in the skin designer. http://designer.videojs.com/
top: 50%;
left: 50%;
- font-size: 5em;
+ font-size: 4em;
line-height: 1;
width: 1em;
@@ -525,7 +538,7 @@ easily in the skin designer. http://designer.videojs.com/
}
.vjs-default-skin .vjs-loading-spinner:before {
- content: @spinner-icon;
+ content: @spinner2-icon;
font-family: VideoJS;
position: absolute;