|
@@ -257,6 +257,7 @@
|
|
|
|
|
|
// Object to track load status using data-index as key
|
|
|
var loadIndexes = {};
|
|
|
+ var loadingVar = {};
|
|
|
|
|
|
$('.video-hover-container').on('mouseenter', function(e) {
|
|
|
e.preventDefault(); // Prevent link default behavior during hover
|
|
@@ -273,7 +274,7 @@
|
|
|
}
|
|
|
|
|
|
// Create loading overlay
|
|
|
- var $loading = $('<div>', {
|
|
|
+ loadingVar[index] = $('<div>', {
|
|
|
class: 'loading-overlay',
|
|
|
css: {
|
|
|
position: 'absolute',
|
|
@@ -306,14 +307,14 @@
|
|
|
if (loadIndexes[index] === 0 && videoUrl != "") {
|
|
|
loadIndexes[index] = 1;
|
|
|
$container.css('position', 'relative');
|
|
|
- $link.append($loading);
|
|
|
+ $link.append(loadingVar[index]);
|
|
|
}
|
|
|
|
|
|
// When video can play
|
|
|
$video.on('canplay', function() {
|
|
|
if (loadIndexes[index] === 1) {
|
|
|
loadIndexes[index] = 2;
|
|
|
- $loading.remove();
|
|
|
+ loadingVar[index].remove();
|
|
|
$img.hide();
|
|
|
$video.show();
|
|
|
$link.append($video);
|