this repo has no description
Try use dangerouslySetInnerHTML again
And… fix the loop attribute value
+20
-16
+20
-16
src/components/media.jsx
+20
-16
src/components/media.jsx
···
426
426
autoplay
427
427
muted
428
428
playsinline
429
-
loop="${loopable}"
429
+
${loopable ? 'loop' : ''}
430
430
ondblclick="this.paused ? this.play() : this.pause()"
431
431
${
432
432
showProgress
···
435
435
}
436
436
></video>
437
437
`;
438
+
439
+
const videoHTML = `
440
+
<video
441
+
src="${url}"
442
+
poster="${previewUrl}"
443
+
width="${width}"
444
+
height="${height}"
445
+
data-orientation="${orientation}"
446
+
preload="auto"
447
+
autoplay
448
+
playsinline
449
+
${loopable ? 'loop' : ''}
450
+
controls
451
+
></video>
452
+
`;
438
453
439
454
return (
440
455
<Figure>
···
508
523
}}
509
524
/>
510
525
) : (
511
-
<div class="video-container">
512
-
<video
513
-
slot="media"
514
-
src={url}
515
-
poster={previewUrl}
516
-
width={width}
517
-
height={height}
518
-
data-orientation={orientation}
519
-
preload="auto"
520
-
autoPlay
521
-
playsinline
522
-
loop={loopable}
523
-
controls
524
-
></video>
525
-
</div>
526
+
<div
527
+
class="video-container"
528
+
dangerouslySetInnerHTML={{ __html: videoHTML }}
529
+
/>
526
530
)
527
531
) : isGIF ? (
528
532
<video