Skip to content

Modèle emb_h5p.html vide : erreurs JS dans la page `spip.php?page=h5p_iframe&id=123`

L'affichage (page publique ou privé) d'un article ayant un modèle H5P <emb123> n'intègre aucun contenu:

  • le bloc contenant le modèle h5p/modeles/emb_h5p.html est vide
  • la console d'erreur JS donne les 2 erreurs suivantes :
Unable to find constructor for: H5P.AdvancedText 1.1

et

Uncaught TypeError: t.instance is undefined
  • l'appel direct de la page ...spip.php?page=h5p_iframe&id=9013 (= la page en <iframe> du modèle) donne le code source suivant :
<div id="h5p-9013"></div>
<script type="text/javascript" src="plugins/h5p/main.bundle.js"></script>
<script type="text/javascript">
	const el = document.getElementById("h5p-9013"); 
	const options = {
		h5pJsonPath:  ".//IMG/h5p/extract/9013",
		frameJs: "./plugins/h5p/frame.bundle.js",
		frameCss: "./plugins/h5p/styles/h5p.css",
		librariesPath: "./plugins/h5p/library", 
		frame:false,copyright:true, 
		embed:false, 
		download:false, 
		icon:false, 
		export:false,
		fullScreen:true, 
		reportingIsEnabled:false, 
		customCss:["plugins/h5p/styles/h5p-confirmation-dialog.css", "plugins/h5p/styles/h5p-core-button.css"]
	};
	window.addEventListener("load",function(){new H5PStandalone.H5P(el, options);});
</script>

NB : les fichiers H5P utilisés pour tester sont récupérés sur le site officiel de H5P (par exemple : https://h5p.org/presentation#example=54977 et https://h5p.org/presentation#example=57130 )