Texte et/ou média

Ce bloc de contenu permet d'ajouter un fichier audio ou une vidéo provenant de l'explorateur ou d'une source externe, telle que Youtube ou Vimeo, agrémentée de texte.

Disponible sur...

Présentation

Ce contenu permet d'ajouter des fichiers vidéos mais également des fichiers audio.

Ajout d'un nouveau composant Texte et/ou média

1. Sur la page en mode , trouvez la section où vous souhaitez ajouter un composant Texte et/ou média.

2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.

3. Sélectionnez Texte et/ou médias dans l'onglet Texte & Médias.

Configuration du composant

Ajout de texte

Dans l'onglet Général, entrez un titre (optionnel) dans la zone titre et éventuellement un lien (optionnel) dans la zone Lien. Puis votre texte dans la zone Texte.

Ajout de fichier(s)

Dans l'onglet Média, vous pouvez ajouter des fichiers déjà sur le serveur (Ajouter un fichier), transférer des fichiers depuis votre ordinateur (Sélectionner et transférer des fichiers) ou des liens vers des fichiers Youtube ou Viméo (Ajouter un média à partir d’une URL).

Pour le cas des vidéos provenant de Youtube ou Viméo (Ajouter un média à partir d’une URL), collez le lien Youtube ou Viméo concerné. La procédure pour récupérer ce fameux lien est décrite par la suite.

Ensuite, dans configuration de la galerie choisissez le positionnement et alignement des fichiers par rapport au texte, le nombre de colonnes dans lesquelles s'afficheront les médias.

Les deux dernières options nombres de photos affichées et agrandissement au clic ne sont pas utiles et sont ignorées dans ce composant.

Pour récupérer un lien Youtube (une procédure équivalente existe pour Viméo) cliquez sur le bouton de partage sur la page de la vidéo concernée depuis Youtube.

Il suffit ensuite de cliquer sur Copier et revenir ensuite dans Typo3 pour coller ce lien.

Dans la liste de l'explorateur, nous constatons qu'un fichier a été ajouté avec l'extension .youtube. Il sera alors possible de récupérer la vidéo par la suite comme si elle était accessible depuis votre explorateur.

Une fois sélectionnée, la vidéo apparaît dans l'onglet "Média" sous forme d'item.

Exemples

Vous pouvez trouver des exemples d'utilisation du Contenu Texte et/ou image sur la page :

Texte et/ou médias

FAQ

Je voudrais ajouter une vidéo sur ma page

Plusieurs options sont possibles en fonction de la provenance de la vidéo et/ou du choix de destination d'upload de la vidéo.

Clap

La plateforme d'hébergement officielle de l'Université est Ubicast (https://clap.univ-eiffel.fr/). Pour uploader une vidéo sur la plateforme, veuillez contacter Sophie Jeannin pour tout ce qui concerne la recherche ou le Cipen pour tout ce qui concerne l'enseignement. Une fois votre vidéo sur la plateforme, vous pourrez l'afficher sur votre site en récupérant l'iframe associée et en l'intégrant à un bloc de contenu "HTML".

Si vous souhaitez aller plus loin et optimiser l'affichage du player qui n'est pas responsive par défaut, vous pouvez réutiliser les styles Bootstrap en encapsulant votre iframe avec les balises souhaitées → https://getbootstrap.com/docs/4.0/utilities/embed/

Youtube

Pour l'upload de vidéos sur la chaîne Youtube officielle de l'Université, veuillez contacter Sophie Jeannin pour tout ce qui concerne la recherche ou le Cipen pour tout ce qui concerne l'enseignement. Une fois votre vidéo sur la plateforme, créer le bloc de contenu approprié :

• "Texte et/ou média" pour les sites de composantes

• "Média externe" pour les sites projet

L'avantage de cette solution est de rendre accessible votre vidéo par les utilisateurs de Youtube et s'accompagne d'un "bon" référencement dans Google. L'inconvénient est que la plateforme affiche de la publicité.

Hébergement direct sur Typo3

Vous pouvez aussi uploader directement votre vidéo dans l'explorateur Typo3. Pour l'afficher sur votre site, il faudra créer un bloc de contenu "Texte et/ou média" pour les sites de composantes ou "Vidéo interne" pour les sites de projets et ensuite la lier. Attention, vous êtes limités à 100Mo pour l'upload sur la plateforme des sites de composante et 500Mo sur la plateforme des sites projet.