Update content of files

data/web/promote.telegram.org.html

@@ -105,14 +105,14 @@
     <script src="/js/jquery.min.js?1"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/main-aj.js?58"></script>
-    <script src="/js/widget-frame.js?57"></script>
+    <script src="/js/widget-frame.js?58"></script>
 <script src="/js/promote.js?50"></script>
 <script src="/js/jquery-ui.min.js?1"></script>
 <script src="/js/jquery-ex.js?11"></script>
 <script src="/js/tchart.min.js?18"></script>
 <script src="/js/health.js?18"></script>
 
-    <script>ajInit({"version":580,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
+    <script>ajInit({"version":581,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
     <script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <a href=\"http:\/\/promote.telegram.org\/\">promote.telegram.org<\/a> as an exception to manage your promoted messages."});
 window.enableInlineVideo&&$('video').each(function(){enableInlineVideo(this)});
 Ads.init();

data/web/promote.telegram.org/auth.html

@@ -105,14 +105,14 @@
     <script src="/js/jquery.min.js?1"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/main-aj.js?58"></script>
-    <script src="/js/widget-frame.js?57"></script>
+    <script src="/js/widget-frame.js?58"></script>
 <script src="/js/promote.js?50"></script>
 <script src="/js/jquery-ui.min.js?1"></script>
 <script src="/js/jquery-ex.js?11"></script>
 <script src="/js/tchart.min.js?18"></script>
 <script src="/js/health.js?18"></script>
 
-    <script>ajInit({"version":580,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
+    <script>ajInit({"version":581,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
     <script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <a href=\"http:\/\/promote.telegram.org\/\">promote.telegram.org<\/a> as an exception to manage your promoted messages."});
 openPopup('#login-popup-container');
 window.enableInlineVideo&&$('video').each(function(){enableInlineVideo(this)});

data/web/promote.telegram.org/basics.html

@@ -105,14 +105,14 @@
     <script src="/js/jquery.min.js?1"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/main-aj.js?58"></script>
-    <script src="/js/widget-frame.js?57"></script>
+    <script src="/js/widget-frame.js?58"></script>
 <script src="/js/promote.js?50"></script>
 <script src="/js/jquery-ui.min.js?1"></script>
 <script src="/js/jquery-ex.js?11"></script>
 <script src="/js/tchart.min.js?18"></script>
 <script src="/js/health.js?18"></script>
 
-    <script>ajInit({"version":580,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
+    <script>ajInit({"version":581,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
     <script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <a href=\"http:\/\/promote.telegram.org\/\">promote.telegram.org<\/a> as an exception to manage your promoted messages."});
 window.enableInlineVideo&&$('video').each(function(){enableInlineVideo(this)});
 Ads.init();

data/web/promote.telegram.org/getting-started.html

@@ -221,14 +221,14 @@
     <script src="/js/jquery.min.js?1"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/main-aj.js?58"></script>
-    <script src="/js/widget-frame.js?57"></script>
+    <script src="/js/widget-frame.js?58"></script>
 <script src="/js/promote.js?50"></script>
 <script src="/js/jquery-ui.min.js?1"></script>
 <script src="/js/jquery-ex.js?11"></script>
 <script src="/js/tchart.min.js?18"></script>
 <script src="/js/health.js?18"></script>
 
-    <script>ajInit({"version":580,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
+    <script>ajInit({"version":581,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
     <script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <a href=\"http:\/\/promote.telegram.org\/\">promote.telegram.org<\/a> as an exception to manage your promoted messages."});
 window.enableInlineVideo&&$('video').each(function(){enableInlineVideo(this)});
 Ads.init();

data/web/promote.telegram.org/guidelines.html

@@ -215,14 +215,14 @@
     <script src="/js/jquery.min.js?1"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/main-aj.js?58"></script>
-    <script src="/js/widget-frame.js?57"></script>
+    <script src="/js/widget-frame.js?58"></script>
 <script src="/js/promote.js?50"></script>
 <script src="/js/jquery-ui.min.js?1"></script>
 <script src="/js/jquery-ex.js?11"></script>
 <script src="/js/tchart.min.js?18"></script>
 <script src="/js/health.js?18"></script>
 
-    <script>ajInit({"version":580,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
+    <script>ajInit({"version":581,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
     <script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <a href=\"http:\/\/promote.telegram.org\/\">promote.telegram.org<\/a> as an exception to manage your promoted messages."});
 window.enableInlineVideo&&$('video').each(function(){enableInlineVideo(this)});
 Ads.init();

data/web/promote.telegram.org/js/widget-frame.js

@@ -1247,6 +1247,42 @@ function checkFrameSize() {
     });
   }
 
+  function proccessWebmImage(imageEl, failed_callback, success_callback) {
+    imageEl = geById(imageEl);
+    if (!imageEl || imageEl.__inited) return;
+    imageEl.__inited = true;
+    failed_callback = failed_callback || function(){};
+    success_callback = success_callback || function(){};
+    var videoEl = ge1('video', imageEl);
+    var imgEl = ge1('img', videoEl);
+    if (!videoEl) return;
+    var fallback = function() {
+      videoEl.parentNode.removeChild(videoEl);
+      imageEl.style.backgroundImage = 'none';
+      if (imgEl && imgEl.src) {
+        var img = new Image();
+        img.onload = function() {
+          imageEl.style.backgroundImage = "url('" + img.src + "')";
+        }
+        img.src = imgEl.src;
+      }
+      failed_callback();
+    };
+    if (browser.safari) {
+      fallback();
+      return;
+    }
+    enableInlineVideo(videoEl);
+    checkVideo(videoEl, fallback);
+    function videoStarted() {
+      removeEvent(videoEl, 'timeupdate', videoStarted);
+      imageEl.style.backgroundImage = 'none';
+      addClass(imgEl, 'webm_sticker_done');
+      success_callback();
+    }
+    addEvent(videoEl, 'timeupdate', videoStarted);
+  }
+
   function checkVideo(el, error_callback) {
     var timeout, eventAdded;
     if (!eventAdded) {
@@ -1385,7 +1421,10 @@ function checkFrameSize() {
         });
       }, postEl);
       gec('.js-videosticker', function() {
-        TVideoSticker.init(this);
+        TVideoSticker.init(this, function() {
+          addClass(postEl, 'media_not_supported');
+          removeClass(postEl, 'no_bubble');
+        });
       }, postEl);
     },
     view: function(postEl) {
@@ -2329,29 +2368,7 @@ function checkFrameSize() {
   };
 
   var TVideoSticker = window.TVideoSticker = {
-    init: function(stickerEl) {
+    init: proccessWebmImage
-      stickerEl = geById(stickerEl);
-      if (!stickerEl || stickerEl.__inited) return;
-      stickerEl.__inited = true;
-      var videoEl = ge1('.js-videosticker_video', stickerEl)
-        , postEl = gpeByClass(stickerEl, 'js-widget_message');
-      if (!videoEl) return;
-      if (browser.safari) {
-        addClass(postEl, 'media_not_supported');
-        removeClass(postEl, 'no_bubble');
-        return;
-      }
-      enableInlineVideo(videoEl);
-      checkVideo(videoEl, function() {
-        addClass(postEl, 'media_not_supported');
-        removeClass(postEl, 'no_bubble');
-      });
-      function removeShadow() {
-        stickerEl.style.backgroundImage = 'none';
-        removeEvent(videoEl, 'timeupdate', removeShadow);
-      }
-      addEvent(videoEl, 'timeupdate', removeShadow);
-    }
   };
 
   window.TWidgetPost = {

data/web/promote.telegram.org/tos.html

@@ -153,14 +153,14 @@
     <script src="/js/jquery.min.js?1"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="/js/main-aj.js?58"></script>
-    <script src="/js/widget-frame.js?57"></script>
+    <script src="/js/widget-frame.js?58"></script>
 <script src="/js/promote.js?50"></script>
 <script src="/js/jquery-ui.min.js?1"></script>
 <script src="/js/jquery-ex.js?11"></script>
 <script src="/js/tchart.min.js?18"></script>
 <script src="/js/health.js?18"></script>
 
-    <script>ajInit({"version":580,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
+    <script>ajInit({"version":581,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
     <script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <a href=\"http:\/\/promote.telegram.org\/\">promote.telegram.org<\/a> as an exception to manage your promoted messages."});
 window.enableInlineVideo&&$('video').each(function(){enableInlineVideo(this)});
 Ads.init();