Uses fadeTo instead of fadeIn/fadeOut which do not seem to work correctly on Safari.
This commit is contained in:
parent
feb0abf701
commit
2fb65dd752
|
@ -308,7 +308,7 @@ class VideoContainer extends LargeContainer {
|
||||||
let $wrapper = this.$wrapper;
|
let $wrapper = this.$wrapper;
|
||||||
return new Promise(function(resolve) {
|
return new Promise(function(resolve) {
|
||||||
$wrapper.css({visibility: 'visible'});
|
$wrapper.css({visibility: 'visible'});
|
||||||
$wrapper.fadeIn(FADE_DURATION_MS, function () {
|
$wrapper.fadeTo(FADE_DURATION_MS, 1, function () {
|
||||||
$('.watermark').css({visibility: 'visible'});
|
$('.watermark').css({visibility: 'visible'});
|
||||||
resolve();
|
resolve();
|
||||||
});
|
});
|
||||||
|
@ -320,7 +320,7 @@ class VideoContainer extends LargeContainer {
|
||||||
|
|
||||||
let id = this.id;
|
let id = this.id;
|
||||||
return new Promise(function(resolve) {
|
return new Promise(function(resolve) {
|
||||||
$wrapper.fadeOut(id ? FADE_DURATION_MS : 1, function () {
|
$wrapper.fadeTo(id ? FADE_DURATION_MS : 1, 0, function () {
|
||||||
$wrapper.css({visibility: 'hidden'});
|
$wrapper.css({visibility: 'hidden'});
|
||||||
$('.watermark').css({visibility: 'hidden'});
|
$('.watermark').css({visibility: 'hidden'});
|
||||||
resolve();
|
resolve();
|
||||||
|
|
Loading…
Reference in New Issue