From 57069d09f132b153832ddeee43f01433cfd67248 Mon Sep 17 00:00:00 2001
From: Emmanuel Engelhart <kelson@kiwix.org>
Date: Sat, 3 Aug 2024 11:53:49 +0200
Subject: [PATCH] Disable preloading of subtitles in video.js

---
 CHANGELOG.md                       | 1 +
 src/ted2zim/templates/article.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d79ef2e..3b2525d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Change log level of "Video at {url} has not yet been translated into {requested_lang_code}" messages from warning to debug (way too verbose)
+- Disable preloading of subtitles in video.js
 
 ### Fixed
 
diff --git a/src/ted2zim/templates/article.html b/src/ted2zim/templates/article.html
index fef6827..2b089d5 100644
--- a/src/ted2zim/templates/article.html
+++ b/src/ted2zim/templates/article.html
@@ -30,7 +30,7 @@
                 <video class="video-js vjs-default-skin vjs-fill"
                     controls preload="auto" playsinline
                     poster="videos/{{ video_id }}/thumbnail.webp"
-                    data-setup='{"techOrder": ["html5", "ogvjs"], "ogvjs": {"base": "assets/ogvjs"}, "autoplay": {% if autoplay %}true{% else %}false{% endif %}, "preload": true, "controls": true, "controlBar": {"pictureInPictureToggle":false}}'>
+                    data-setup='{"techOrder": ["html5", "ogvjs"], "html5": {"preloadTextTracks": false}, "ogvjs": {"base": "assets/ogvjs", "preloadTextTracks": false}, "autoplay": {% if autoplay %}true{% else %}false{% endif %}, "preload": true, "controls": true, "controlBar": {"pictureInPictureToggle":false}}'>
                     <source src="videos/{{ video_id }}/video.{{ video_format }}" type="video/{{ video_format }}" />
                         {% for language in languages %}
                         <track kind="subtitles" src="videos/{{ video_id }}/subs/subs_{{ language.languageCode }}.vtt" srclang="{{ language.languageCode }}" label="{{ language.languageName }}" />