Spaces:
Running
Running
Update index.html
Browse files- index.html +73 -10
index.html
CHANGED
@@ -248,11 +248,17 @@ const videoFiles = [
|
|
248 |
{ file: 'V3.mp4', tab: 2 },
|
249 |
{ file: 'V4.mp4', tab: 2 },
|
250 |
{ file: 'qq43.mp4', tab: 2 },
|
251 |
-
|
252 |
{ file: '2-1.mp4', tab: 2 },
|
253 |
{ file: '2-2.mp4', tab: 2 },
|
254 |
{ file: '2-3.mp4', tab: 2 },
|
255 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
256 |
// 세 번째 그룹 (탭 3)
|
257 |
{ file: 'qq44.mp4', tab: 3 },
|
258 |
{ file: 'qw1.mp4', tab: 3 },
|
@@ -269,10 +275,17 @@ const videoFiles = [
|
|
269 |
{ file: 'tmp72ufgzpa.mp4', tab: 3 },
|
270 |
{ file: 'tmpeodtm_jl.output.mp4', tab: 3 },
|
271 |
{ file: 'tmpi2bkoc60.mp4', tab: 3 },
|
272 |
-
|
273 |
{ file: '3-1.mp4', tab: 3 },
|
274 |
{ file: '3-2.mp4', tab: 3 },
|
275 |
{ file: '3-3.mp4', tab: 3 },
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
276 |
|
277 |
// 네 번째 그룹 (탭 4)
|
278 |
{ file: 'xz1.mp4', tab: 4 },
|
@@ -293,7 +306,15 @@ const videoFiles = [
|
|
293 |
{ file: '4-1.mp4', tab: 4 },
|
294 |
{ file: '4-2.mp4', tab: 4 },
|
295 |
{ file: '4-3.mp4', tab: 4 },
|
296 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
297 |
// 다섯 번째 그룹 (탭 5)
|
298 |
{ file: 't1.mp4', tab: 5 },
|
299 |
{ file: 't2.mp4', tab: 5 },
|
@@ -310,11 +331,17 @@ const videoFiles = [
|
|
310 |
{ file: 'OP4.mp4', tab: 5 },
|
311 |
{ file: 'tr1.mp4', tab: 5 },
|
312 |
{ file: 'tr2.mp4', tab: 5 },
|
313 |
-
|
314 |
{ file: '5-1.mp4', tab: 5 },
|
315 |
{ file: '5-2.mp4', tab: 5 },
|
316 |
{ file: '5-3.mp4', tab: 5 },
|
317 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
318 |
// 여섯 번째 그룹 (탭 6)
|
319 |
{ file: 'tr3.mp4', tab: 6 },
|
320 |
{ file: 'tr4.mp4', tab: 6 },
|
@@ -334,7 +361,13 @@ const videoFiles = [
|
|
334 |
{ file: '6-1.mp4', tab: 6 },
|
335 |
{ file: '6-2.mp4', tab: 6 },
|
336 |
{ file: '6-3.mp4', tab: 6 },
|
337 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
338 |
// 일곱 번째 그룹 (탭 7)
|
339 |
{ file: 'qq1.mp4', tab: 7 },
|
340 |
{ file: 'qq2.mp4', tab: 7 },
|
@@ -354,7 +387,13 @@ const videoFiles = [
|
|
354 |
{ file: '7-1.mp4', tab: 7 },
|
355 |
{ file: '7-2.mp4', tab: 7 },
|
356 |
{ file: '7-3.mp4', tab: 7 },
|
357 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
358 |
// 여덟 번째 그룹 (탭 8)
|
359 |
{ file: 'tmp59a06_s4.output.mp4', tab: 8 },
|
360 |
{ file: 'tmp6tomynny.output.mp4', tab: 8 },
|
@@ -373,10 +412,34 @@ const videoFiles = [
|
|
373 |
{ file: '8-1.mp4', tab: 8 },
|
374 |
{ file: '8-2.mp4', tab: 8 },
|
375 |
{ file: '8-3.mp4', tab: 8 },
|
376 |
-
{ file: '
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
377 |
];
|
|
|
378 |
|
379 |
-
|
380 |
function createVideoElement(thumbnail, videoData) {
|
381 |
const thumbVideo = document.createElement('video');
|
382 |
thumbVideo.src = videoData.file;
|
|
|
248 |
{ file: 'V3.mp4', tab: 2 },
|
249 |
{ file: 'V4.mp4', tab: 2 },
|
250 |
{ file: 'qq43.mp4', tab: 2 },
|
|
|
251 |
{ file: '2-1.mp4', tab: 2 },
|
252 |
{ file: '2-2.mp4', tab: 2 },
|
253 |
{ file: '2-3.mp4', tab: 2 },
|
254 |
+
|
255 |
+
{ file: 'aq3.mp4', tab: 2 },
|
256 |
+
{ file: 'aq4.mp4', tab: 2 },
|
257 |
+
{ file: 'aq5.mp4', tab: 2 },
|
258 |
+
{ file: 'i4.mp4', tab: 2 },
|
259 |
+
{ file: 'm1.mp4', tab: 2 },
|
260 |
+
{ file: 'm2.mp4', tab: 2 },
|
261 |
+
|
262 |
// 세 번째 그룹 (탭 3)
|
263 |
{ file: 'qq44.mp4', tab: 3 },
|
264 |
{ file: 'qw1.mp4', tab: 3 },
|
|
|
275 |
{ file: 'tmp72ufgzpa.mp4', tab: 3 },
|
276 |
{ file: 'tmpeodtm_jl.output.mp4', tab: 3 },
|
277 |
{ file: 'tmpi2bkoc60.mp4', tab: 3 },
|
|
|
278 |
{ file: '3-1.mp4', tab: 3 },
|
279 |
{ file: '3-2.mp4', tab: 3 },
|
280 |
{ file: '3-3.mp4', tab: 3 },
|
281 |
+
|
282 |
+
{ file: 'watermarked_output (9).mp4', tab: 3 },
|
283 |
+
{ file: 'z4.mp4', tab: 3 },
|
284 |
+
{ file: 'z5.mp4', tab: 3 },
|
285 |
+
{ file: 'z6.mp4', tab: 3 },
|
286 |
+
{ file: 'z7.mp4', tab: 3 },
|
287 |
+
{ file: 'qqq12.mp4', tab: 3 },
|
288 |
+
|
289 |
|
290 |
// 네 번째 그룹 (탭 4)
|
291 |
{ file: 'xz1.mp4', tab: 4 },
|
|
|
306 |
{ file: '4-1.mp4', tab: 4 },
|
307 |
{ file: '4-2.mp4', tab: 4 },
|
308 |
{ file: '4-3.mp4', tab: 4 },
|
309 |
+
|
310 |
+
{ file: 'z8.mp4', tab: 4 },
|
311 |
+
{ file: 'qq33.mp4', tab: 4 },
|
312 |
+
{ file: 'aq3.mp4', tab: 4 },
|
313 |
+
{ file: 'aq4.mp4', tab: 4 },
|
314 |
+
{ file: 'aq5.mp4', tab: 4 },
|
315 |
+
{ file: 'i4.mp4', tab: 4 },
|
316 |
+
|
317 |
+
|
318 |
// 다섯 번째 그룹 (탭 5)
|
319 |
{ file: 't1.mp4', tab: 5 },
|
320 |
{ file: 't2.mp4', tab: 5 },
|
|
|
331 |
{ file: 'OP4.mp4', tab: 5 },
|
332 |
{ file: 'tr1.mp4', tab: 5 },
|
333 |
{ file: 'tr2.mp4', tab: 5 },
|
|
|
334 |
{ file: '5-1.mp4', tab: 5 },
|
335 |
{ file: '5-2.mp4', tab: 5 },
|
336 |
{ file: '5-3.mp4', tab: 5 },
|
337 |
+
|
338 |
+
{ file: 'qqq11.mp4', tab: 5 },
|
339 |
+
{ file: 'm1.mp4', tab: 5 },
|
340 |
+
{ file: 'm2.mp4', tab: 5 },
|
341 |
+
{ file: 'm3.mp4', tab: 5 },
|
342 |
+
{ file: 'm4.mp4', tab: 5 },
|
343 |
+
{ file: 'm5.mp4', tab: 5 },
|
344 |
+
|
345 |
// 여섯 번째 그룹 (탭 6)
|
346 |
{ file: 'tr3.mp4', tab: 6 },
|
347 |
{ file: 'tr4.mp4', tab: 6 },
|
|
|
361 |
{ file: '6-1.mp4', tab: 6 },
|
362 |
{ file: '6-2.mp4', tab: 6 },
|
363 |
{ file: '6-3.mp4', tab: 6 },
|
364 |
+
{ file: 'qqq13.mp4', tab: 6 },
|
365 |
+
{ file: 'qw2.mp4', tab: 6 },
|
366 |
+
{ file: 'qw3.mp4', tab: 6 },
|
367 |
+
{ file: 'qw4.mp4', tab: 6 },
|
368 |
+
{ file: 'qw5.mp4', tab: 6 },
|
369 |
+
{ file: 'tmpvdq4uchy.output.mp4', tab: 6 },
|
370 |
+
|
371 |
// 일곱 번째 그룹 (탭 7)
|
372 |
{ file: 'qq1.mp4', tab: 7 },
|
373 |
{ file: 'qq2.mp4', tab: 7 },
|
|
|
387 |
{ file: '7-1.mp4', tab: 7 },
|
388 |
{ file: '7-2.mp4', tab: 7 },
|
389 |
{ file: '7-3.mp4', tab: 7 },
|
390 |
+
{ file: 'tmpx2ketgav.output.mp4', tab: 7 },
|
391 |
+
{ file: 'tmpx75_3o81.output.mp4', tab: 7 },
|
392 |
+
{ file: 'tmpy2_6d7qo.output.mp4', tab: 7 },
|
393 |
+
{ file: 'watermarked_output (3).mp4', tab: 7 },
|
394 |
+
{ file: 'watermarked_output (4).mp4', tab: 7 },
|
395 |
+
{ file: 'watermarked_output (9).mp4', tab: 7 },
|
396 |
+
|
397 |
// 여덟 번째 그룹 (탭 8)
|
398 |
{ file: 'tmp59a06_s4.output.mp4', tab: 8 },
|
399 |
{ file: 'tmp6tomynny.output.mp4', tab: 8 },
|
|
|
412 |
{ file: '8-1.mp4', tab: 8 },
|
413 |
{ file: '8-2.mp4', tab: 8 },
|
414 |
{ file: '8-3.mp4', tab: 8 },
|
415 |
+
{ file: 'z4.mp4', tab: 8 },
|
416 |
+
{ file: 'z5.mp4', tab: 8 },
|
417 |
+
{ file: 'z6.mp4', tab: 8 },
|
418 |
+
{ file: 'z7.mp4', tab: 8 },
|
419 |
+
{ file: 'z8.mp4', tab: 8 },
|
420 |
+
{ file: 'qq33.mp4', tab: 8 },
|
421 |
+
{ file: 'tmps_zu8c60.output.mp4', tab: 8 },
|
422 |
+
|
423 |
+
{ file: 'm3.mp4', tab: 8 },
|
424 |
+
{ file: 'm4.mp4', tab: 8 },
|
425 |
+
{ file: 'm5.mp4', tab: 8 },
|
426 |
+
{ file: 'qqq11.mp4', tab: 8 },
|
427 |
+
{ file: 'qqq12.mp4', tab: 8 },
|
428 |
+
{ file: 'qqq13.mp4', tab: 8 },
|
429 |
+
{ file: 'qw2.mp4', tab: 8 },
|
430 |
+
{ file: 'qw3.mp4', tab: 8 },
|
431 |
+
{ file: 'qw4.mp4', tab: 8 },
|
432 |
+
{ file: 'qw5.mp4', tab: 8 },
|
433 |
+
{ file: 'tmpvdq4uchy.output.mp4', tab: 8 },
|
434 |
+
{ file: 'tmpx2ketgav.output.mp4', tab: 8 },
|
435 |
+
{ file: 'tmpx75_3o81.output.mp4', tab: 8 },
|
436 |
+
{ file: 'tmpy2_6d7qo.output.mp4', tab: 8 },
|
437 |
+
{ file: 'watermarked_output (3).mp4', tab: 8 },
|
438 |
+
{ file: 'watermarked_output (4).mp4', tab: 8 }
|
439 |
+
|
440 |
];
|
441 |
+
|
442 |
|
|
|
443 |
function createVideoElement(thumbnail, videoData) {
|
444 |
const thumbVideo = document.createElement('video');
|
445 |
thumbVideo.src = videoData.file;
|