add mask

src/icons/index.js

@@ -1,14 +1,16 @@
 import loading from './loading.svg';
+import play from './play.svg';
 
 const Icons = {
-  loading: loading
+  loading,
+  play
 };
 
 function creatDomFromSvg(map) {
   const result = {};
   Object.keys(map).forEach(name => {
     const tmp = document.createElement('div');
-    tmp.innerHTML = map[name];
+    tmp.innerHTML = `<i class="art-icon art-icon-${name}">${map[name]}</i>`;
     [result[name]] = tmp.childNodes;
   });
   return result;

src/icons/play.svg

@@ -0,0 +1,3 @@
+<svg id="plyr-play" width="16px" height="18px">
+    <path d="M15.562 8.1L3.87.225C3.052-.337 2 .225 2 1.125v15.75c0 .9 1.052 1.462 1.87.9L15.563 9.9c.584-.45.584-1.35 0-1.8z"></path>
+</svg>