Documentation Typo3
  • Introduction
  • Notions de base
    • Interface
    • Structure des sites
    • Les pages
      • Créer des pages
      • Actions sur les pages
      • Types de pages
      • Propriétés de la page
      • Ajouter un bandeau de page
    • Menus et footer
    • Ajout de contenu
    • Les composants
      • Texte & Médias
        • Titre
        • Texte et/ou image
        • Texte et/ou média
        • Texte dans des colonnes
        • Citation
        • Texte avec extrait
        • Texte avec icône
        • Panneau
        • Contenu audio
      • Groupes
        • Groupe de carte
        • Groupe de liste
        • Accordéon
        • Onglet
        • Groupe d'icônes
      • Menus
        • Pages
        • Sommaire
        • Sous-pages
        • Résumés
        • Plan de site
        • Cartes des pages
        • Cartes de sous-pages
        • Pages récemment mises à jour
      • Mise en page
        • Boite de mise en exergue
        • Carrousel
        • 2/3/4 Colonnes
        • Séparation
      • Autres contenus
        • Pur HTML
          • Timeline Twitter
          • Vidéos Youtube
          • Facebook
          • Google Maps
        • Liste de fichiers
        • CSV
        • Contenu miroir
        • Chiffres clés
        • Liste des formations
        • Localisation du bâtiment
        • Bloc lien externe
        • Mini annuaire
        • Réseaux sociaux
    • Les fichiers
  • Notion avancées
    • Multi-langues
    • Workspaces
    • Espace privé
    • Les modules
      • Formulaires
      • News
      • Publications HAL
      • Thèses
      • Ouvrages
        • Création du premier ouvrage
        • Ajouter des informations complémentaires
        • Gérer les séries (ou collections)
      • 🚫AddThis
      • Icônes réseaux sociaux
      • Contenu Map
      • Trombinoscope
        • Trombinoscope mixte
        • Trombinoscope simple
  • Outils complémentaires
    • Formation vidéo
    • Plausible
    • Sitechecker
  • Sites spécifiques
    • Introduction
    • Site Carrière
    • Site institutionnel
      • Le carrousel
      • Ça se passe à l'université
      • The Conversation
      • Regardez
      • Rencontrez
      • Feuilletez
      • Ecoutez
  • ⚖️Aspects juridiques
    • RGPD
    • Droit à l'image
    • Image libre de droits
    • Droit d'auteur
  • Divers
    • FAQ
    • Couleurs Charte
    • Contact
Propulsé par GitBook
Sur cette page
  • Disponible sur...
  • Présentation
  • Ajout d'un nouveau composant Texte et/ou média
  • Configuration du composant
  • Exemples
  • FAQ

Cet article vous a-t-il été utile ?

  1. Notions de base
  2. Les composants
  3. Texte & Médias

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.

PrécédentTexte et/ou imageSuivantTexte dans des colonnes

Dernière mise à jour il y a 12 mois

Cet article vous a-t-il été utile ?

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)

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 :

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

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

  • "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

Dans l'onglet Média, vous pouvez ajouter des fichiers (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).

La plateforme d'hébergement officielle de l'Université est Ubicast (). 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 "".

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 →

"" pour les sites de composantes

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 "" 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.

déjà sur le serveur
https://clap.univ-eiffel.fr/
HTML
https://getbootstrap.com/docs/4.0/utilities/embed/
Texte et/ou média
Texte et/ou média
Texte et/ou médias
Logo