diff --git a/.gradebook.db b/.gradebook.db
index cac8cd143196eddb6829e1037ec99c56320a98fe..d6d2109f19e0816f026e2148fb689d56f33ff532 100644
Binary files a/.gradebook.db and b/.gradebook.db differ
diff --git a/index.md b/index.md
index 246d5a31a42a2e6799fc0381be058e2d2d5a86fe..07fbdae00e2e1b203cd7d4404ba2bce7f256f9da 100644
--- a/index.md
+++ b/index.md
@@ -172,7 +172,7 @@ programmer des dessins et interagir avec l'utilisateur.
 
 ### Exercice 4 : Premiers graphiques avec SFML
 
-+++ {"deletable": false, "editable": false, "nbgrader": {"cell_type": "markdown", "checksum": "dc9004964871c8e7a51c6e61d4995bb1", "grade": false, "grade_id": "cell-96bafcc3c30ace6g", "locked": true, "schema_version": 3, "solution": false}}
++++ {"deletable": false, "editable": false, "nbgrader": {"cell_type": "markdown", "checksum": "f94f35a5a86a6a9bbfa70e9f2ec5274c", "grade": false, "grade_id": "cell-96bafcc3c30ace6g", "locked": true, "schema_version": 3, "solution": false}}
 
 :::::{attention} SFML et sessions graphiques
 
@@ -200,9 +200,15 @@ interface graphique (dite XFCE Desktop) sur le même serveur. Vous
 pourrez ensuite basculer entre l'une et l'autre pour éditer et
 compiler vos programmes d'une part, et les exécuter d'autre part.
 
-:::{figure} https://nicolas.thiery.name/Enseignement/Info111/media/screencast-sfml-on-jupyterhub.gif
-Vidéo: lancer un programme graphique sur JupyterHub
-:::
+<figure>
+
+<video src="https://nicolas.thiery.name/Enseignement/Info111/media/screencast-sfml-on-jupyterhub.webm"
+       width="95%" controls
+       alt="Vidéo: lancer un programme graphique SFML avec JupyterHub"
+       />
+
+<figcaption>Vidéo : lancer un programme graphique SFML avec JupyterHub</figcaption>
+</figure>
 
 ::::