Préparation

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>
 
 ::::