Spaces:
Running
Running
Update index.html
Browse files- index.html +7 -4
index.html
CHANGED
@@ -475,17 +475,20 @@
|
|
475 |
const size = parseFloat(value);
|
476 |
subtitleSizeInput.value = size;
|
477 |
subtitleSize.value = size;
|
478 |
-
video.style.setProperty('--subtitle-scale', size);
|
479 |
|
480 |
-
//
|
|
|
|
|
|
|
481 |
const track = subtitleTrackElement.track;
|
482 |
if (track && track.cues) {
|
483 |
for (let i = 0; i < track.cues.length; i++) {
|
484 |
-
|
|
|
485 |
}
|
486 |
}
|
487 |
}
|
488 |
-
|
489 |
function changeSubtitleTrack() {
|
490 |
const selectedTrack = subtitleTrack.value;
|
491 |
subtitleTrackElement.src = selectedTrack;
|
|
|
475 |
const size = parseFloat(value);
|
476 |
subtitleSizeInput.value = size;
|
477 |
subtitleSize.value = size;
|
|
|
478 |
|
479 |
+
// CSS変数で字幕サイズを制御
|
480 |
+
document.documentElement.style.setProperty('--subtitle-scale', size);
|
481 |
+
|
482 |
+
// VTTCueのsizeプロパティは使用しない
|
483 |
const track = subtitleTrackElement.track;
|
484 |
if (track && track.cues) {
|
485 |
for (let i = 0; i < track.cues.length; i++) {
|
486 |
+
// sizeプロパティは設定しない
|
487 |
+
track.cues[i].line = 'bottom'; // 位置を底部に固定
|
488 |
}
|
489 |
}
|
490 |
}
|
491 |
+
|
492 |
function changeSubtitleTrack() {
|
493 |
const selectedTrack = subtitleTrack.value;
|
494 |
subtitleTrackElement.src = selectedTrack;
|