Ajouter de la vidéo, de l’audio ou des images à une page classique

Insérer une vidéo dans une page SharePoint classique, 2016 ou 2013

1. Accédez à la page dans laquelle vous souhaitez ajouter du média.

2. Sélectionnez l’onglet Page . Ensuite, dans le ruban, cliquez sur Modifier.

3. Cliquez à l’intérieur d’une zone modifiable de la page.

4. Choisissez l’onglet Insertion , puis, dans le groupe Média du ruban, cliquez sur Vidéo et audio.
   

5. Les options suivantes s’affichent :

   • À partir de l’ordinateur
   • Incorporer
   • À partir de SharePoint
   • Adresse de départ

   Pour plus d’informations sur l’insertion d’un média avec l’une de ces options, cliquez sur l’un des liens suivants.

Charger un fichier à partir de votre ordinateur

Pour charger un fichier à partir de votre ordinateur, procédez comme suit.

1. Cliquez sur À partir de l’ordinateur.
2. Accédez à l’emplacement du fichier souhaité, sélectionnez-le, puis cliquez sur Ouvrir.
3. Spécifiez une bibliothèque de destination dans laquelle vous souhaitez stocker le fichier.
   Nous vous recommandons de spécifier une bibliothèque de ressources comme destination. Une bibliothèque de ressources est conçue spécialement pour les médias et inclut automatiquement des fonctionnalités telles que l’aperçu d’image et les miniatures pour les vidéos. Ces fonctionnalités facilitent l’utilisation de vos fichiers multimédias.
   Pour savoir comment configurer une bibliothèque de ressources pour les fichiers multimédias, consultez Configurer une bibliothèque de ressources pour stocker des fichiers image, audio ou vidéo.
4. Cliquez sur OK.

Incorporer une vidéo à partir d’un site web de partage de vidéos

Pour incorporer une vidéo à partir d’un site web de partage de vidéos tel que YouTube, Vimeo, Hulu ou des sites similaires, suivez ces étapes de base.

Sur le site Vidéo, procédez comme suit :

1. Affichez la vidéo que vous souhaitez utiliser.
2. Recherchez et cliquez sur Partager pour la vidéo.
3. Selon le site, vous devrez peut-être cliquer sur un lien Incorporer , ou il peut être juste là. Cliquez sur le code incorporé et appuyez sur Ctrl+C pour copier, ou cliquez avec le bouton droit et cliquez sur Copier dans le menu contextuel.

Sur votre site SharePoint, procédez comme suit :

1. Cliquez sur Incorporer.

2. Ensuite, collez le code incorporé dans la boîte de dialogue.
   

   Conseil

   En règle générale, il est facile d’obtenir le code incorporé d’une vidéo à partir de sites de partage de vidéos populaires. Recherchez simplement une option Incorporer ou Partager , puis suivez les instructions à l’écran pour afficher le code incorporé. Lorsque le code incorporé s’affiche, copiez-le, puis collez-le comme indiqué dans l’image précédente.

3. Cliquez sur Insérer.

Ajouter une vidéo à partir d’un site SharePoint

Pour ajouter une vidéo à partir d’un emplacement sur un site SharePoint, procédez comme suit.

1. Cliquez sur À partir de SharePoint. Cela ouvre le sélecteur de ressources, que vous pouvez parcourir pour rechercher le dossier ou la bibliothèque de votre choix.
2. Accédez à un emplacement sur votre site, tel qu’une bibliothèque de ressources, où les fichiers vidéo et audio sont enregistrés.
3. Sélectionnez le fichier souhaité, puis cliquez sur Insérer.

Ajouter une vidéo à partir d’un autre emplacement

Pour ajouter une vidéo à partir d’un autre emplacement sur le web, procédez comme suit.

1. Cliquez sur À partir de l’adresse.
2. Tapez l’URL du fichier que vous souhaitez utiliser, puis cliquez sur OK. L’URL doit pointer directement vers un fichier vidéo. Par exemple : http://contoso.com/VideoFile.wmv.

Modifier les propriétés du média et le composant WebPart Multimédia

Lorsque vous ajoutez de la vidéo ou de l’audio à une page, SharePoint insère un composant WebPart Multimédia. Après avoir ajouté le média, vous pouvez personnaliser le composant WebPart. Par exemple, vous pouvez modifier sa taille ou son emplacement, modifier le titre ou ajouter un logo de catalogue.

Chaque fois que vous ajoutez une vidéo à une page, veillez à inclure des légendes et des descriptions audio du contenu. Les légendes permettent à des utilisateurs malentendants d’en savoir plus sur le contenu, et facilitent la compréhension de la vidéo par les personnes pratiquant une autre langue.

Si vous souhaitez modifier le composant WebPart Multimédia sur une page, procédez comme suit :

1. Accédez à la page qui contient la vidéo.
2. Sélectionnez l’onglet Page , puis cliquez sur Modifier.
3. Lorsque la vidéo apparaît sur la page, cliquez n’importe où sur l’image vidéo pour ouvrir l’onglet Média et son ruban.
   
4. Dans le ruban, dans le groupe Aperçu , pointez sur Modifier l’image et sélectionnez le fichier image que vous souhaitez afficher en tant qu’aperçu pour le fichier audio ou vidéo. Si vous ne mettez pas à jour l’image d’aperçu, l’image par défaut pour le type de fichier s’affiche.
5. Dans le groupe Propriétés , vous pouvez entrer ou modifier le titre qui s’affiche. Vous pouvez également spécifier si vous souhaitez que le fichier soit lu automatiquement lorsque la page est chargée, ou s’il doit être en boucle jusqu’à ce qu’il s’arrête.
6. Dans le groupe Styles du lecteur du ruban, pointez sur Styles et sélectionnez le style que vous préférez pour le joueur.
7. Dans le groupe Taille du ruban, vous pouvez également choisir de spécifier les modifications que vous souhaitez apporter à la taille horizontale et verticale du lecteur.
8. Pour modifier le composant WebPart Multimédia, pointez la souris sur le titre du média, puis cliquez sur la flèche qui s’affiche pour ouvrir le menu du composant WebPart multimédia.
   
9. Choisissez Modifier le composant WebPart pour ouvrir la fenêtre d’édition sur le côté de l’écran.
10. Dans le panneau d’édition du composant WebPart, choisissez les propriétés que vous souhaitez modifier. Lorsque vous avez terminé d’apporter des modifications, cliquez sur Appliquer.
    
11. Cliquez sur OK pour fermer la fenêtre d’édition et revenir à la page.
12. Lorsque vous avez terminé d’apporter des modifications à la page, sélectionnez l’onglet Page , puis cliquez sur Enregistrer. Si la page est extraite pour vous, un message d’avertissement avec un lien s’affiche pour vous permettre de l’case activée.

Incorporer un fichier audio dans votre page avec une transcription

Voici comment placer une barre de contrôle beaucoup plus petite et plus mince dans une page web. Cette barre de contrôle fonctionne de façon optimale pour des fichiers audio, tels que des podcasts, dans lesquels le composant WebPart multimédia complet serait trop volumineux.

1. Téléchargez le fichier audio et le fichier de transcription dans votre dossier Pièces jointes.

   1. Pour ouvrir le menu Paramètres , dans le coin supérieur droit, sélectionnez Paramètres .
   2. Sélectionnez le lien Contenu du Site.
   3. Accédez au dossier Pièces jointes.
   4. Faites glisser le fichier audio et le fichier de transcription dans le dossier .
   5. Obtenez les URL des fichiers. Pour ouvrir le menu d’actions du fichier, en regard du nom de celui-ci, sélectionnez les points de suspension. Copiez et collez le lien du menu d’actions dans un autre fichier. Vous en aurez besoin ultérieurement, dans le code audio incorporé.

2. Pour ouvrir le ruban Édition et passer en mode Édition, dans la page sur laquelle vous voulez afficher la vidéo, sélectionnez le lien Édition.

3. Positionnez le curseur sur l’emplacement où la vidéo doit apparaître.

4. Pour ouvrir la boîte de dialogue Incorporer, sous l’onglet Insertion, ouvrez le groupe Vidéo et audio, puis sélectionnez Incorporer.

   

5. Collez le code incorporé dans le champ, en insérant l’URL de votre fichier audio après « src= » entre guillemets.
   <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>
   Ce code place la barre de gestion des média sur la page. La barre permet aux utilisateurs de démarrer et d’arrêter la lecture.

   Conseil

   Si le code incorporé n’est pas correctement mis en forme, ou s’il pointe vers un emplacement de fichier inexistant, le bouton Insertion n’est pas actif.

6. Lorsque vous avez terminé, sélectionnez Insérer pour placer votre contrôle audio sur la page. Le contrôle audio incorporé se présente comme suit :

   

7. Placez le focus à la fin de l’extrait de contrôle audio, puis, pour atteindre à la ligne suivante, appuyez sur Entrée.

8. Insérez un lien vers votre fichier de transcription audio.

   1. Pour ouvrir la boîte de dialogue Sélectionner un bien, sous l’onglet Insertion, sélectionnez Lien puis À partir de SharePoint.

   2. Sélectionnez le fichier de transcription audio, puis appuyez sur Insertion. Cette action a pour effet d’insérer un lien hypertexte avec le nom du fichier en tant que texte du lien.

   3. Positionnez le focus dans le lien, juste devant le dernier caractère du nom du fichier. Appuyez sur la touche Retour arrière pour supprimer tous les caractères du nom du fichier, sauf les premier et dernier.

      Conseil

      Le lien est ainsi préservé, et votre curseur reste positionné exactement où il doit l’être pour vous permettre modifier le texte du lien.

   4. Tapez le texte souhaité pour le lien. Par exemple, pour une transcription audio, tapez Afficher la transcription audio.

   5. Supprimez les caractères restants du nom du fichier.

9. Lorsque vous avez terminé, pour enregistrer vos modifications, en haut de la page, cliquez sur Enregistrer.

Vidéo ou vidéo Microsoft Stream Microsoft 365

Si vous utilisez SharePoint Classic, vous pouvez ajouter Office 365 Vidéo ou Microsoft Stream à votre page. Voir Incorporer une vidéo à partir d’une vidéo Microsoft 365 ou Utiliser le composant WebPart Stream.

Ajouter une image avec un texte de remplacement

Lorsque vous utilisez des photos, des images, des images clipart ou de l’audio, vous êtes responsable du respect des droits d’auteur.

1. Pour ouvrir le ruban Édition et passer en mode d’édition, dans la page à modifier, sélectionnez le lien Édition.

2. Positionnez le curseur sur l’emplacement où l’image doit apparaître.

3. Pour ouvrir la boîte de dialogue Charger une Image, sous l’onglet Insérer, ouvrez le groupe Image, puis sélectionnez À partir d’un ordinateur.

   

   Conseil

   Pour insérer une image à partir d’Internet en collant son adresse URL, sélectionnez Adresse de provenance. Pour insérer une image à partir de votre site SharePoint, sélectionnez À partir de SharePoint.

4. Choisissez votre fichier, sélectionnez un dossier de destination dans votre site SharePoint (le choix par défaut est le dossier Ressources du site ), puis incluez des notes sur la version différente de l’image.

5. Pour insérer votre image et activer l’onglet Image , sélectionnez OK.

   

   Conseil

   l’onglet Image n’est visible que quand une image est sélectionnée.

6. Accédez au champ Texte de remplacement sous l’onglet Image, puis entrez votre texte de remplacement pour l’image.

7. Quand vous avez terminé, cliquez sur Enregistrer.

Conseils pour l’accessibilité

• Le texte de remplacement doit être bref et descriptif.
• Un bon texte de remplacement indique à l’auditeur pourquoi l’image est importante.

Pour plus d’informations sur le texte de remplacement, y compris des exemples et des liens vers plus d’informations, visitez la page Texte de remplacement WebAIM .

Ajouter le composant WebPart Multimédia à une page

Vous pouvez utiliser le composant WebPart Multimédia pour lire des clips audio ou vidéo sur une page. Pour plus d’informations sur les formats vidéo et audio spécifiques pris en charge par le composant WebPart Multimédia, consultez Formats et protocoles multimédias pris en charge dans Silverlight.

Vous devez avoir l’autorisation de modifier les pages pour suivre cette procédure.

1. Accédez à la page que vous souhaitez mettre à jour.

2. Sous l’onglet Page du ruban, cliquez sur Modifier.

3. Effectuez l’une des opérations suivantes :

   • Si vous modifiez une page wiki ou une page de publication, cliquez sur un emplacement modifiable dans la page où vous souhaitez ajouter le composant WebPart Multimédia, cliquez sur l’onglet Insertion sous Outils d’édition dans le ruban, puis cliquez sur Vidéo et audio.
   • Si vous modifiez une page de composants WebPart, cliquez sur Ajouter un composant WebPart dans la colonne ou la zone dans laquelle vous souhaitez incorporer un média. Sous Catégories, cliquez sur Média et contenu. Sous Composants WebPart, cliquez sur Composant WebPart Multimédia, puis sur Ajouter.

4. Lorsque le composant WebPart Multimédia s’affiche sur la page, cliquez sur le texte qui indique Cliquez ici pour configurer.
   

5. Cliquez sur l’onglet Options multimédias du ruban.

6. Pour configurer le composant WebPart Multimédia afin qu’il affiche un fichier audio ou vidéo spécifique, pointez sur Modifier le média, puis sélectionnez l’une des options suivantes :

   • Pour charger un fichier à partir de votre ordinateur, cliquez sur À partir de l’ordinateur, accédez à l’emplacement du fichier souhaité, puis cliquez sur OK.

   • Pour incorporer une vidéo qui est déjà enregistrée dans un site SharePoint, cliquez sur À partir de SharePoint, puis accédez à un emplacement sur votre site, tel qu’une bibliothèque de ressources, où sont enregistrés les fichiers vidéo et audio. Sélectionnez le fichier souhaité, puis cliquez sur OK.

   • Pour incorporer une vidéo à partir d’un site web de partage de vidéos, cliquez sur Adresse de départ, tapez l’URL du fichier que vous souhaitez utiliser, puis cliquez sur OK.

     Le composant WebPart Multimédia prend en charge la lecture de fichiers à partir d’adresses URL qui pointent directement vers un fichier vidéo. Par exemple : http://contoso.com/VideoFile.wmv. Si vous utilisez du code incorporé ou des liens de partage pour les pages qui hébergent des vidéos, ils ne fonctionneront pas. Pour plus d’informations sur l’incorporation de vidéos à l’aide du code incorporé, consultez Incorporer une vidéo sur une page à l’aide du code incorporé.

7. Une fois que vous avez sélectionné le fichier souhaité, cliquez sur OK.

8. Dans le groupe Aperçu , pointez sur Modifier l’image, puis sélectionnez le fichier image que vous souhaitez afficher en tant qu’aperçu pour le fichier audio ou vidéo. Si vous ne mettez pas à jour l’image d’aperçu, l’image par défaut du type de fichier s’affiche.

9. Dans le groupe Propriétés , spécifiez le titre que vous souhaitez afficher pour le composant WebPart. Vous pouvez également spécifier si vous souhaitez que le fichier soit lu automatiquement lorsque la page est chargée, ou s’il doit être en boucle jusqu’à ce qu’il s’arrête.

10. Dans le groupe Styles du lecteur du ruban, pointez sur Styles et sélectionnez le style que vous préférez pour le joueur.

11. Dans le groupe Taille du ruban, vous pouvez éventuellement spécifier les modifications que vous souhaitez apporter à la taille horizontale et verticale du lecteur.

Configurer le composant WebPart Requête de contenu pour afficher la vidéo

Vous pouvez utiliser le composant WebPart Requête de contenu pour ajouter un affichage dynamique de fichiers vidéo ou audio à une page. Cela est utile si vous souhaitez ajouter à votre page une section contenant des vidéos « les mieux notées », ou toutes les vidéos avec une balise de métadonnées spécifique.

Lorsque vous ajoutez un composant WebPart Requête de contenu à une page, vous pouvez le configurer pour rechercher tous les éléments de contenu d’un site qui répondent à des critères spécifiques. Il affiche ensuite les résultats de cette requête sur la page. Si un nouveau contenu est ajouté au site et qu’il répond aux critères de la requête, il est également affiché dans le composant WebPart. Le composant WebPart Requête de contenu peut retourner le contenu d’une liste ou d’une bibliothèque individuelle, ou de plusieurs listes et bibliothèques dans une collection de sites.

Vous devez avoir l’autorisation de modifier les pages pour suivre cette procédure.

Cette procédure suppose que vous souhaitez afficher des vidéos, mais elle fonctionne également pour les fichiers audio ou image.

1. Accédez à la page que vous souhaitez mettre à jour.

2. Sous l’onglet page du ruban, cliquez sur Modifier. Effectuez l’une des opérations suivantes :

   • Si vous modifiez une page Wiki ou une page de publication, cliquez sur une zone modifiable de la page dans laquelle vous souhaitez ajouter le composant WebPart Requête de contenu. Cliquez sur l’onglet Insertion du ruban Outils d’édition , puis cliquez sur Composant WebPart. Sous Catégories, cliquez sur Rollup de contenu. Sous Composants WebPart, cliquez sur Requête de contenu, puis sur Ajouter.
   • Si vous modifiez une page de composant WebPart, cliquez sur Ajouter un composant WebPart dans la colonne ou la zone dans laquelle vous souhaitez ajouter le composant WebPart Requête de contenu. Sous Catégories, cliquez sur Rollup de contenu. Sous Composants WebPart, cliquez sur Requête de contenu, puis sur Ajouter.

3. Dans le composant WebPart Requête de contenu, cliquez sur la flèche, puis sur Modifier le composant WebPart.

4. Cliquez sur le lien Ouvrir le volet d’outils .

5. Dans le volet Outil Requête de contenu, cliquez pour développer Requête.

6. Sous Source, spécifiez l’emplacement des éléments que vous souhaitez afficher. Si nécessaire, accédez à l’emplacement du site, du sous-site ou de la liste spécifique.

7. Si vous avez limité votre requête au site, sous Type de liste, spécifiez le type de liste à partir duquel vous souhaitez afficher les éléments. Si vous avez sélectionné une liste ou une bibliothèque spécifique à l’étape 6, ce champ est automatiquement rempli pour vous.

8. Sous Type de contenu, sous Afficher les éléments de ce groupe de types de contenu , sélectionnez Types de contenu de ressource numérique.

9. Sous Afficher les éléments de ce type de contenu, sélectionnez Vidéo. Si votre organization a créé des versions personnalisées des types de contenu de ressource numérique, vous pouvez également sélectionner la zone Inclure les types de contenu enfants case activée.

10. Si vous le souhaitez, sous Ciblage d’audience, vous pouvez choisir d’appliquer le filtrage d’audience, qui affiche certains éléments à certaines audiences, en fonction de la façon dont le ciblage d’audience est configuré pour votre site.

11. Sous Filtres supplémentaires, vous pouvez utiliser les métadonnées d’élément pour filtrer ce qui est affiché. Par exemple, si vous souhaitez afficher des vidéos qui ont été étiquetées avec un mot clé spécifique, sélectionnez Mots clés d’entreprise avec l’opérateur contient l’une des, puis tapez les valeurs souhaitées.

12. Si vous souhaitez ajouter d’autres filtres, cliquez sur Et ou Ou et spécifiez des filtres supplémentaires.

13. Développez Présentation, effectuez les personnalisations souhaitées sous Regroupement et tri, Styles et Champs à afficher. Sous Styles, il est utile de vérifier que la zone Lire les liens multimédias dans le navigateur case activée est activée si vous souhaitez que les visiteurs du site puissent lire des clips multimédias directement dans le navigateur.

    Lorsque vous configurez initialement le composant WebPart Requête de contenu, vous ne savez peut-être pas comment configurer les éléments sousPrésentation. Il peut être utile d’afficher un aperçu de votre requête dans le composant WebPart, puis de la modifier à nouveau pour personnaliser l’apparence des informations.

    Par exemple, si vous ne personnalisez aucun des paramètres sous Présentation, les vidéos peuvent s’afficher avec une grande image d’aperçu, qui peut ne pas fonctionner avec la conception de la page. Dans ce cas, vous pouvez sélectionner Taille d’image fixe sous Styles | Style d’élément pour fournir aux visiteurs du site de petites images d’aperçu sur lesquelles ils peuvent cliquer afin de lire des vidéos. L’exemple suivant montre un composant WebPart Requête de contenu qui affiche trois vidéos. Il a été configuré avec une taille d’image fixe.
    

14. Cliquez sur OK.

15. Enregistrez vos modifications dans la page.

Pour plus d’informations sur le composant WebPart Requête de contenu, consultez Afficher un affichage dynamique du contenu sur une page en ajoutant le composant WebPart Requête de contenu.

Incorporer une vidéo sur une page à l’aide du code incorporé

Si vous souhaitez utiliser le code incorporé d’un site web de partage de vidéos tiers pour ajouter une vidéo à une page, vous pouvez le faire en ajoutant le code incorporé au composant WebPart Éditeur de contenu.

Vous devez disposer des autorisations Designer pour suivre cette procédure.

1. Recherchez la vidéo que vous souhaitez incorporer sur la page, puis copiez le code incorporé.

2. Accédez à la page que vous souhaitez mettre à jour.

3. Sous l’onglet Page du ruban, cliquez sur Modifier. Effectuez l’une des opérations suivantes :

   • Si vous modifiez une page Wiki, cliquez sur un emplacement sur la page où vous souhaitez ajouter le composant WebPart Éditeur de contenu, cliquez sur l’onglet Insertion du ruban Outils d’édition , puis cliquez sur Composant WebPart. Sous Catégories, cliquez sur Média et contenu. Sous Composants WebPart, cliquez sur Éditeur de contenu, puis sur Ajouter.
   • Si vous modifiez une page de composants WebPart, cliquez sur Ajouter un composant WebPart dans la colonne ou la zone dans laquelle vous souhaitez incorporer un média. Sous Catégories, cliquez sur Média et contenu. Sous Composants WebPart, cliquez sur Éditeur de contenu, puis sur Ajouter.

4. Dans le composant WebPart Éditeur de contenu, pointez sur la flèche, puis cliquez sur Modifier le composant WebPart.

5. Dans le composant WebPart Éditeur de contenu, tapez le texte que vous souhaitez afficher pour présenter la vidéo.

6. Sous l’onglet Format du texte du ruban Outils d’édition , dans le groupe Balisage , cliquez sur HTML, puis sur Modifier la source HTML.
   

7. Collez le code incorporé dans la boîte de dialogue Source HTML , puis cliquez sur OK.
   

8. Enregistrez la page (ou enregistrez et case activée dans, si l’extraction est requise pour les pages sur le site).

9. Cliquez sur le bouton de lecture du lecteur vidéo incorporé pour lire la vidéo.

Ajout d’images avec un texte de remplacement

Pour rendre votre contenu accessible à tous les utilisateurs, suivez ces instructions.

Ajouter une image avec un texte de remplacement

Lorsque vous utilisez des photos, des images, des images clipart ou de l’audio, vous êtes responsable du respect des droits d’auteur.

1. Pour ouvrir le ruban Édition et passer en mode d’édition, dans la page à modifier, sélectionnez le lien Édition.

2. Positionnez le curseur sur l’emplacement où l’image doit apparaître.

3. Pour ajouter une image, sous l’onglet Insertion , ouvrez le groupe Image et sélectionnez À partir de l’ordinateur.

   

   Conseil

   Pour insérer une image à partir d’Internet en collant son adresse URL, sélectionnez Adresse de provenance. Pour insérer une image à partir de votre site SharePoint, sélectionnez À partir de SharePoint.

4. Choisissez votre fichier, sélectionnez un dossier de destination dans votre site SharePoint (le choix par défaut est le dossier Ressources du site ), puis incluez des notes sur la version différente de l’image.

5. Pour insérer votre image et activer l’onglet Outils Image , sélectionnez OK.

   

   Conseil

   L’onglet Outils Image n’est visible que lorsqu’une image est sélectionnée.

6. Accédez au champ Texte de remplacement sous l’onglet Image, puis entrez votre texte de remplacement pour l’image.

7. Quand vous avez terminé, cliquez sur Enregistrer.

Conseils pour l’accessibilité

• Le texte de remplacement doit être bref et descriptif.
• Un bon texte de remplacement indique à l’auditeur pourquoi l’image est importante.

Pour plus d’informations sur le texte de remplacement, y compris des exemples et des liens vers plus d’informations, visitez la page Texte de remplacement WebAIM .