From 4e234ebdefdd55919026189469c34f2c7a589685 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E8=BF=9B?= <zhongjin@onenetcom.cn>
Date: Sat, 13 Jun 2020 14:02:01 +0000
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20infowindow-view.js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/geo/ui/infowindow-view.js | 43 +++++++++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/geo/ui/infowindow-view.js b/src/geo/ui/infowindow-view.js
index 9ded391..1022e71 100644
--- a/src/geo/ui/infowindow-view.js
+++ b/src/geo/ui/infowindow-view.js
@@ -152,7 +152,7 @@ var Infowindow = View.extend({
     if (this._containsTemplateCover()) {
       this._loadCoverFromTemplate(url);
     } else {
-      this._loadCoverFromUrl(url);
+      this._loadVideoFromUrl(url);
     }
   },
   
@@ -167,8 +167,47 @@ var Infowindow = View.extend({
   
   _showInfowindowVideoError: function () {
     this.$('.js-infowindow').addClass('is-fail');
-    this.$('.js-cover').append('<p class="CDB-infowindow-fail">Non-valid Video URL</p>');
+    this.$('.js-cover').append('<p class="CDB-infowindow-fail">无效的视频网址</p>');
+  },
+  
+  _loadVideoFromUrl: function (url) {
+    var $cover = this.$('.js-cover');
+
+    this._startCoverLoader();
+
+    var $img = $("<video class='CDB-infowindow-media-item' />");
+    $cover.append($img);
+
+    $img
+      .load(this._onLoadVideoSuccess)
+      .error(this._onLoadImageError)
+      .attr('src', url);
+  },
+  
+  _onLoadVideoSuccess: function () {
+    var $cover = this.$('.js-cover');
+    var $img = this.$('.CDB-infowindow-media-item');
+    var url = $img.attr('src');
+    var numFields = this.model.get('content').fields.length;
+
+    var imageDimensions = { width: $img.width(), height: $img.height() };
+    var coverDimensions = { width: $cover.width(), height: $cover.height() };
+
+    var styles = this._calcImageStyle(imageDimensions, coverDimensions);
+
+    $img.css(styles);
+
+    $cover.css({ height: imageDimensions.height - this.options.hookHeight });
+
+    this._stopCoverLoader();
+
+    $img.fadeIn(150);
+
+    if (numFields < 3 && imageDimensions.height >= this.$el.height()) {
+      this._loadImageHook(imageDimensions, coverDimensions, url);
+    }
   },
+  
 // end video
 
   _initBinds: function () {