diff --git a/js/controller.js b/js/controller.js index e08c5cc..d8b52b8 100644 --- a/js/controller.js +++ b/js/controller.js @@ -62,7 +62,9 @@ class Controller { ); const seek = document.getElementById("seek"); - seek.addEventListener("input", this.view.videoPlayer.skipAhead); + seek.addEventListener("input", function() { + this.view.videoPlayer.skipAhead(seek.value); + }.bind(this)); document.addEventListener("keyup", function (e) { if (e.keyCode == 32) { diff --git a/js/video.js b/js/video.js index f373ab8..a38307d 100644 --- a/js/video.js +++ b/js/video.js @@ -26,12 +26,10 @@ class VideoPlayer { } } // Posouvání ve videu - skipAhead() { + skipAhead(skipTo) { const progressBar = document.getElementById("progress-bar"); const video = document.getElementById("video"); - let skipTo = this.value; - video.currentTime = skipTo; progressBar.value = skipTo; } diff --git a/js/view.js b/js/view.js index 56e9d90..1e461db 100644 --- a/js/view.js +++ b/js/view.js @@ -56,6 +56,13 @@ class View { comment.appendChild(commentText); aside.appendChild(comment); + + comment.addEventListener( + "click", + function () { + this.videoPlayer.skipAhead(comments[i].start); + }.bind(this) + ); } } @@ -80,6 +87,13 @@ class View { videoComment.appendChild(img); videoProgress.appendChild(videoComment); + + videoComment.addEventListener( + "click", + function () { + this.videoPlayer.skipAhead(comments[i].start); + }.bind(this) + ); } }