v2.1.1

fix: size of buttons;

build/JSMpeg.js

@@ -1,5 +1,5 @@
 /*!
- * jsmpeg-player v2.1.0
+ * jsmpeg-player v2.1.1
  * Homepage: https://github.com/cycdpo/jsmpeg-player#readme
  * Released under the MIT License.
  */
@@ -1101,7 +1101,7 @@ exports = module.exports = __webpack_require__(8)(false);
 
 
 // module
-exports.push([module.i, "/*---------------------------\r\n * mixin\r\n *---------------------------*/\n/**\r\n * flex container inner elements alignment\r\n * $mainAxis\r\n * $crossAxis\r\n * options: false, center, flex-end, ...\r\n */\n/*---------------------------\r\n * %placeholder\r\n *---------------------------*/\n.src-theme-style__canvas,\n.src-theme-style__poster, .src-theme-style__playButton, .src-theme-style__unmuteButton {\n  position: absolute;\n  z-index: 1;\n}\n\n.src-theme-style__canvas,\n.src-theme-style__poster, .src-theme-style__playButton, .src-theme-style__unmuteButton {\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.src-theme-style__playButton {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.src-theme-style__canvas,\n.src-theme-style__poster {\n  display: block;\n}\n\n.src-theme-style__poster.src-theme-style__hidden {\n  display: none;\n}\n\n.src-theme-style__playButton, .src-theme-style__unmuteButton {\n  opacity: .7;\n  cursor: pointer;\n  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);\n}\n\n.src-theme-style__hidden.src-theme-style__playButton, .src-theme-style__hidden.src-theme-style__unmuteButton {\n  display: none;\n}\n\n.src-theme-style__playButton {\n  z-index: 10;\n}\n\n.src-theme-style__playButton > svg {\n  width: 8vw;\n  height: 8vw;\n  max-width: 60px;\n  max-height: 60px;\n  fill: #fff;\n}\n\n.src-theme-style__unmuteButton {\n  z-index: 10;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n\n.src-theme-style__unmuteButton > svg {\n  margin: 0 15px 15px 0;\n  width: 6vw;\n  height: 6vw;\n  max-width: 40px;\n  max-height: 40px;\n  fill: #fff;\n}\n", ""]);
+exports.push([module.i, "/*---------------------------\r\n * mixin\r\n *---------------------------*/\n/**\r\n * flex container inner elements alignment\r\n * $mainAxis\r\n * $crossAxis\r\n * options: false, center, flex-end, ...\r\n */\n/*---------------------------\r\n * %placeholder\r\n *---------------------------*/\n.src-theme-style__canvas,\n.src-theme-style__poster, .src-theme-style__playButton, .src-theme-style__unmuteButton {\n  position: absolute;\n  z-index: 1;\n}\n\n.src-theme-style__canvas,\n.src-theme-style__poster, .src-theme-style__playButton, .src-theme-style__unmuteButton {\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.src-theme-style__playButton {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.src-theme-style__canvas,\n.src-theme-style__poster {\n  display: block;\n}\n\n.src-theme-style__poster.src-theme-style__hidden {\n  display: none;\n}\n\n.src-theme-style__playButton, .src-theme-style__unmuteButton {\n  opacity: .7;\n  cursor: pointer;\n  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);\n}\n\n.src-theme-style__hidden.src-theme-style__playButton, .src-theme-style__hidden.src-theme-style__unmuteButton {\n  display: none;\n}\n\n.src-theme-style__playButton {\n  z-index: 10;\n}\n\n.src-theme-style__playButton > svg {\n  width: 12vw;\n  height: 12vw;\n  max-width: 60px;\n  max-height: 60px;\n  fill: #fff;\n}\n\n.src-theme-style__unmuteButton {\n  z-index: 10;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n\n.src-theme-style__unmuteButton > svg {\n  margin: 0 15px 15px 0;\n  width: 9vw;\n  height: 9vw;\n  max-width: 40px;\n  max-height: 40px;\n  fill: #fff;\n}\n", ""]);
 
 // exports
 exports.locals = {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsmpeg-player",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "MPEG1 Video Player Based On JSMpeg",
   "main": "build/JSMpeg.js",
   "scripts": {

src/theme/style.scss

@@ -31,8 +31,8 @@
   z-index: 10;
 
   > svg {
-    width: 8vw;
-    height: 8vw;
+    width: 12vw;
+    height: 12vw;
     max-width: 60px;
     max-height: 60px;
     fill: #fff;
@@ -48,8 +48,8 @@
 
   > svg {
     margin: 0 15px 15px 0;
-    width: 6vw;
-    height: 6vw;
+    width: 9vw;
+    height: 9vw;
     max-width: 40px;
     max-height: 40px;
     fill: #fff;