fix thumbnails option

packages/artplayer/src/control/thumbnails.js

@@ -7,16 +7,19 @@ export default function thumbnails(options) {
         mounted: ($control) => {
             const {
                 option,
-                template: { $progress },
+                template: { $progress, $video },
                 events: { proxy, loadImg },
             } = art;
 
+            let image = null;
             let loading = false;
             let isLoad = false;
 
             function showThumbnails(event) {
                 const { width: posWidth } = getPosFromEvent(art, event);
-                const { url, height, width, number, column } = option.thumbnails;
+                const { url, number, column } = option.thumbnails;
+                const width = image.naturalWidth / column;
+                const height = width / ($video.videoWidth / $video.videoHeight);
                 const perWidth = $progress.clientWidth / number;
                 const perIndex = Math.floor(posWidth / perWidth);
                 const yIndex = Math.ceil(perIndex / column) - 1;
@@ -37,7 +40,8 @@ export default function thumbnails(options) {
             proxy($progress, 'mousemove', (event) => {
                 if (!loading) {
                     loading = true;
-                    loadImg(option.thumbnails.url).then(() => {
+                    loadImg(option.thumbnails.url).then((img) => {
+                        image = img;
                         isLoad = true;
                     });
                 }

packages/artplayer/src/index.js

@@ -156,8 +156,6 @@ export default class Artplayer extends Emitter {
             thumbnails: {
                 url: '',
                 number: 60,
-                width: 160,
-                height: 90,
                 column: 10,
             },
             subtitle: {

packages/artplayer/src/scheme/index.js

@@ -95,8 +95,6 @@ export default {
     thumbnails: {
         url: s,
         number: n,
-        width: n,
-        height: n,
         column: n,
     },
     subtitle: {