cartodb4/carto.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 infowindow-view.js

Browse Source
This commit is contained in:
钟进 2020-06-13 14:02:01 +00:00
parent f08c99fd29
commit 4e234ebdef
1 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/geo/ui/infowindow-view.js
View File

@ -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 () {