including task 2

package.json

@@ -18,6 +18,8 @@
     "url": "https://github.com/goitacademy/parcel-project-template/issues"
   },
   "dependencies": {
+    "@vimeo/player": "^2.20.1",
+    "lodash.throttle": "^4.1.1",
     "modern-normalize": "^1.1.0",
     "simplelightbox": "^2.14.1"
   },

src/css/01-gallery.css

@@ -12,6 +12,7 @@
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
+  list-style: none;
 }
 
 .gallery__item {

src/js/01-gallery.js

@@ -1,10 +1,6 @@
-// Add imports above this line
 import { galleryItems } from './gallery-items';
-// Change code below this line
 import SimpleLightbox from "simplelightbox";
-// Додатковий імпорт стилів
 import "simplelightbox/dist/simple-lightbox.min.css";
-console.log(galleryItems);
 
 const makeGalleryMarkup = images => {
     return images.map(({ preview, original, description }) => {

src/js/02-video.js

@@ -1 +1,27 @@
+import Vimeo from '@vimeo/player';
+import throttle from 'lodash.throttle';
+
+const iframe = document.querySelector('iframe');
+const player = new Vimeo(iframe);
+
+
+player.on('timeupdate', throttle(() => {
+    player.getCurrentTime().then(function (seconds) {
+        console.log(seconds);
+        localStorage.setItem("videoplayer-current-time", seconds);
+    }).catch(function (error) {
+        console.log(error);
+    });
+    }, 1000));
+
+player.setCurrentTime(localStorage.getItem("videoplayer-current-time")).then(function (seconds) {
+    console.log(seconds); 
+}).catch(function(error) {
+    switch (error.name) {
+        case 'RangeError':
+            break;
+        default:
+            break;
+    }
+});