Ajouter des vidéos, du son ou des images à une page classique

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

1. Accédez à la page où vous souhaitez ajouter un média.

2. Sélectionnez l’onglet Page . Cliquez ensuite sur Modifier dans le ruban.

3. Cliquez dans une zone modifiable de la page.

4. Sélectionnez 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 savoir comment insérer un média avec l’une de ces options, cliquez sur l’un des liens suivants.

Charger un fichier à partir de votre ordinateur

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

1. Cliquez à 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 biens 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 des images et les vignettes pour les vidéos. Ces fonctionnalités facilitent l’utilisation de vos fichiers multimédias.
   Pour savoir comment configurer une bibliothèque de biens pour les fichiers multimédias, consultez Configurer une bibliothèque de biens 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 la vidéo et cliquez sur Partager .
3. Selon le site, vous devrez peut-être cliquer sur un lien d’intégration , ou il peut se trouver 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. Collez ensuite 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 sur des sites de partage de vidéos populaires. Recherchez simplement une option d’incorporation ou de partage , puis suivez les instructions à l’écran pour afficher le code incorporé. Lorsque le code incorporé s’affiche, copiez-le, puis collez-le comme illustré 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 à partir de SharePoint. Cela ouvre le sélecteur de ressources, que vous pouvez parcourir pour trouver le dossier ou la bibliothèque souhaité.
2. Accédez à un emplacement de 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 Adresse d’origine.
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 Média

Lorsque vous ajoutez une vidéo ou de l’audio à une page, SharePoint insère un composant WebPart Média. Après avoir ajouté le support, vous pouvez personnaliser le composant WebPart. Par exemple, vous souhaiterez peut-être 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 Mé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 s’affiche sur la page, cliquez n’importe où sur l’image vidéo pour ouvrir l’onglet Média et son ruban.
   
4. Sur 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 du 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.
5. Dans le groupe Propriétés , vous pouvez saisir 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 lu en boucle jusqu’à ce qu’il soit arrêté.
6. Dans le groupe Styles du lecteur sur le ruban, pointez sur Styles et sélectionnez le style que vous préférez pour le lecteur.
7. Dans le groupe Taille du ruban, vous pouvez également choisir de spécifier les modifications que vous souhaitez apporter aux tailles horizontale et verticale du lecteur.
8. Pour modifier le composant WebPart média, placez le curseur de la souris sur le titre du média, puis cliquez sur la flèche qui s’affiche pour ouvrir le menu du composant WebPart média.
   
9. Sélectionnez Modifier le composant WebPart pour ouvrir la fenêtre de modification sur le côté de l’écran.
10. Dans le panneau d’édition du composant WebPart, sélectionnez 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 empruntée pour vous, un message d’avertissement s’affiche avec un lien pour que vous puissiez la vérifier en 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 fine 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 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 Microsoft 365 ou vidéo Microsoft Stream

Si vous utilisez SharePoint Classic, vous pouvez ajouter Office 365 Video ou Microsoft Stream à votre page. Voir Incorporer une vidéo à partir de Microsoft 365 Video 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, il vous incombe de respecter les 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 ) et incluez toutes les notes sur la version 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 alternatif, y compris des exemples et des liens vers plus d’informations, visitez la page WebAIM Alternative Text .

Ajouter le composant WebPart Média à une page

Vous pouvez utiliser le composant WebPart Mé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 Média, voir Formats et protocoles multimédias pris en charge dans Silverlight.

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

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

2. Dans 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 de la page dans laquelle vous souhaitez ajouter le composant WebPart média, cliquez sur l’onglet Insertion sous Outils d’édition sur le ruban, puis cliquez sur Vidéo et audio.
   • Si vous modifiez une page WebPart, cliquez sur Ajouter un composant WebPart dans la colonne ou la zone dans laquelle vous souhaitez incorporer le média. Sous Catégories, cliquez sur Média et contenu. Sous Composants WebPart, cliquez sur Composant WebPart Média, puis sur Ajouter.

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

5. Cliquez sur l’onglet Options du média sur le ruban.

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

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

   • Pour incorporer une vidéo déjà enregistrée dans un site SharePoint, cliquez sur À partir de SharePoint, puis accédez à un emplacement de votre site, tel qu’une bibliothèque de ressources, où les fichiers vidéo et audio sont enregistrés. 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 l’expéditeur, tapez l’URL du fichier que vous souhaitez utiliser, puis cliquez sur OK.

     Le composant WebPart Média prend en charge la lecture des fichiers provenant 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 de code incorporé, consultez Incorporer une vidéo sur une page à l’aide de code incorporé.

7. Lorsque 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 du 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.

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 lu en boucle jusqu’à ce qu’il soit arrêté.

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

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

Configurer le composant WebPart Requête de contenu pour afficher une 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. Ceci est utile si vous souhaitez ajouter une section à votre page qui présente les 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 qu’il recherche tous les éléments de contenu d’un site qui répondent à des critères spécifiques. Les résultats de cette requête sont ensuite affichés sur la page. Si du nouveau contenu est ajouté au site et qu’il répond aux critères de la requête, il s’affiche également dans le composant WebPart. Le composant WebPart Requête de contenu peut renvoyer du contenu à partir d’une liste ou d’une bibliothèque individuelle, ou de plusieurs listes et bibliothèques dans une collection de sites.

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

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

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

2. Sous l’onglet de 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 Insérer du ruban Outils d’édition , puis sur Composant WebPart. Sous Catégories, cliquez sur Cumul de contenu. Sous Composants WebPart, cliquez sur Requête de contenu, puis sur Ajouter.
   • Si vous modifiez une page WebPart, cliquez sur Ajouter un composant WebPart dans la colonne ou la zone U dans laquelle vous souhaitez ajouter le composant WebPart Requête de contenu. Sous Catégories, cliquez sur Cumul 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 cliquez sur Modifier le composant WebPart.

4. Cliquez sur le lien Ouvrir le volet des outils .

5. Dans le volet de l’outil Requête de contenu, développez 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 de laquelle 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 le groupe Afficher les éléments de ce type de contenu , sélectionnez Types de contenu des ressources numériques.

9. Sous Afficher les éléments de ce type de contenu, sélectionnez Vidéo. Si votre organisation a créé des versions personnalisées des types de contenu des ressources numériques, vous pouvez également cocher la case Inclure les types de contenu enfants dans la case activée.

10. Si vous le souhaitez, sous Ciblage de l’audience, vous pouvez choisir d’appliquer un filtrage de l’audience, qui affichera certains éléments à certaines audiences, selon la façon dont le ciblage de l’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é marquées avec un mot clé spécifique, sélectionnez Mots clés d’entreprise avec l’opérateur contient l’un 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, apportez les personnalisations souhaitées sous Regroupement et tri, Styles et Champs à afficher. Sous Styles, il est utile de vérifier que la case Lire les liens multimédias dans le navigateur case activée est sélectionné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 d’abord 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, ce 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’article pour fournir aux visiteurs du site de petites images d’aperçu sur lesquelles ils peuvent cliquer pour 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, afficher une vue dynamique du contenu d’une page en ajoutant le composant WebPart Requête de contenu.

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

Si vous souhaitez utiliser du 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 de Designer pour suivre cette procédure.

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

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

3. Dans 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 de 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 WebPart, cliquez sur Ajouter un composant WebPart dans la colonne ou la zone dans laquelle vous souhaitez incorporer le 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 introduire 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 si le paiement est requis pour les pages du site).

9. Cliquez sur le bouton Lecture du lecteur vidéo intégré pour lire la vidéo.

Ajouter des 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, il vous incombe de respecter les 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, dans l’onglet Insertion , ouvrez le groupe Images 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 ) et incluez toutes les notes sur la version 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 alternatif, y compris des exemples et des liens vers plus d’informations, visitez la page WebAIM Alternative Text .