Bonjour,
Certains d'entre nous ont été confrontés à la non responsivité des vidéos déposées via des iframes dans Moodle.
Avec un de mes collègues, féru de html, et grand manipulateur de css, nous avons mis en place 2 petits bouts de code permettant d'ajouter cette responsivité à ces Iframes.
Nous somme en Moodle 2.8 avec un thème Clean légèrement customisé, mais je suppose que cela peut fonctionner sur d'autres thèmes (non testé).
- Dans le réglage du thème Clean (administration - Présentation - thèmes - Clean) on ajoute le code suivant dans l'onglet " CSS personnalisé ":
" .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } "
Dan l'entête de l'iframe, on ajoute cette div:
<div
class="embed-container">ICI VOTRE
IFRAME</div>
Votre iframe s'ajuste automatiquement à la taille de la fenêtre.
L'adaptation a été testée et validée avec des embed vidéo Viméo, dailymotion, vidéo avec player html5, youtube, Gyphy et l'embed Google maps.
Bonne journée
Daniel et Raphael
Lille 3