Use latest player

vendor/assets/javascripts/asciinema-player.js

@@ -241,6 +241,18 @@
 (function(exports) {
   var dom = React.DOM;
 
+  var logoSvg = '<defs> <mask id="small-triangle-mask"> <rect width="100%" height="100%" fill="white"/> <polygon points="508.01270189221935 433.01270189221935, 208.0127018922194 259.8076211353316, 208.01270189221927 606.217782649107" fill="black"></polygon> </mask> </defs> <polygon points="808.0127018922194 433.01270189221935, 58.01270189221947 -1.1368683772161603e-13, 58.01270189221913 866.0254037844386" mask="url(#small-triangle-mask)" fill="white"></polygon> <polyline points="481.2177826491071 333.0127018922194, 134.80762113533166 533.0127018922194" stroke="white" stroke-width="90"></polyline>';
+
+  exports.LogoPlayIcon = React.createClass({ displayName: 'LogoPlayIcon',
+
+    render: function() {
+      return (
+        dom.svg({ version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 866.0254037844387 866.0254037844387", className: "icon", dangerouslySetInnerHTML: { __html: logoSvg } })
+      )
+    },
+
+  });
+
   exports.PlayIcon = React.createClass({ displayName: 'PlayIcon',
 
     render: function() {
@@ -359,6 +371,7 @@
       if (loop) {
         start();
       } else {
+        setTime(controller.time());
         clearInterval(timeIntervalId);
         onFinish();
       }
@@ -572,8 +585,8 @@
         dom.div({ className: "start-prompt", onClick: this.onClick },
           dom.div({ className: "play-button" },
             dom.div(null,
-              dom.span(null, 
-                asciinema.PlayIcon()
+              dom.span(null,
+                asciinema.LogoPlayIcon()
               )
             )
           )