aboutsummaryrefslogtreecommitdiffstats
path: root/src/js/plugins/previewThumbnails.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/js/plugins/previewThumbnails.js')
-rw-r--r--src/js/plugins/previewThumbnails.js21
1 files changed, 16 insertions, 5 deletions
diff --git a/src/js/plugins/previewThumbnails.js b/src/js/plugins/previewThumbnails.js
index 71fdf0c7..7ae077e6 100644
--- a/src/js/plugins/previewThumbnails.js
+++ b/src/js/plugins/previewThumbnails.js
@@ -244,27 +244,37 @@ class PreviewThumbnails {
const previewThumbnailContainer = createElement(
'div',
{
- class: this.player.config.classNames.previewThumbnailContainer,
+ class: this.player.config.classNames.previewThumbnails.thumbnailContainer,
},
);
this.player.elements.progress.appendChild(previewThumbnailContainer);
this.player.elements.display.previewThumbnailContainer = previewThumbnailContainer;
+ // Create HTML element, parent+span: time text (e.g., 01:32:00)
+ const timeTextContainer = createElement(
+ 'div',
+ {
+ class: this.player.config.classNames.previewThumbnails.timeTextContainer
+ },
+ );
+
+ this.player.elements.display.previewThumbnailContainer.appendChild(timeTextContainer);
+
const timeText = createElement(
'span',
{},
'00:00',
);
- this.player.elements.display.previewThumbnailContainer.appendChild(timeText);
+ timeTextContainer.appendChild(timeText);
this.player.elements.display.previewThumbnailTimeText = timeText;
// Create HTML element: plyr__preview-scrubbing-container
const previewScrubbingContainer = createElement(
'div',
{
- class: this.player.config.classNames.previewScrubbingContainer,
+ class: this.player.config.classNames.previewThumbnails.scrubbingContainer,
},
);
@@ -350,9 +360,10 @@ class PreviewThumbnails {
.then(this.getHigherQuality(qualityIndex, previewImage, frame, thumbFilename));
}
+ // Remove all preview images that aren't the designated current image
removeOldImages(currentImage) {
- // Get a list of all images, and reverse it - so that we can start from the end and delete all except for the most recent
- const allImages = [...this.currentContainer.children];
+ // Get a list of all images, convert it from a DOM list to an array
+ const allImages = Array.from(this.currentContainer.children);
for (let image of allImages) {
if (image.tagName === 'IMG') {