Accueil > Office 365, SharePoint 2013 > SharePoint 2013 / SharePoint Online : Ajouter une vidéo externe (Youtube) dans une bibliothèque ou une page

SharePoint 2013 / SharePoint Online : Ajouter une vidéo externe (Youtube) dans une bibliothèque ou une page


Nous allons voir dans cet article comment ajouter une vidéo externe (ici provenant de Youtube) dans une bibliothèque ainsi que dans une page d’un site SharePoint (On-Premise ou Office 365).

L’ajout de la vidéo s’effectuera dans une bibliothèque de type « Asset Library », en français « Bibliothèque de biens ».

1

L’ajout sur une page sera lui effectué sur une page quelconque d’un site SharePoint (ici le site web public par défaut de mon plan E3 Office 365 – voir plus bas pourquoi j’ai choisi cet exemple).

Disponibilité de l’Asset Library sur votre site

L’Asset Library est provisionnée par la fonctionnalité de collection de sites « Video and Rich Media », que vous aurez donc à activer si ce n’est pas déjà le cas.

5

Sécurité des champs HTML

Comme nous le verrons plus bas, l’ajout de la vidéo dans une bibliothèque ou dans une page s’effectue en utilisant une iframe, comme avec le code suivant :

1

Dans SharePoint 2013, une nouvelle option vous permet de déterminer quels domaines externes vos utilisateurs vont pouvoir utiliser dans les iframes, via l’option « HTML Field Security » (Sécurité des champs HTML).

1. Pour configurer cette option, cliquez sur le lien ci-dessous :

7

2. Vous avez alors la possibilité de :

  • Ne pas autoriser les domaines externes dans les iframes,
  • Autoriser tous les domaines externes dans les iframes,
  • Autoriser certains domaines externes dans les iframes, certains étant ajoutés par défaut – Voir ci-dessous.

8

Ajouter une vidéo Youtube dans une bibliothèque

1. Cliquez sur « Settings / Add an app »

3

2. Cliquez sur « Asset Library »

2014-01-25_17h27_59

3. Saisissez son ptit nom

2014-01-25_17h28_13

4. La librairie est créée, cliquez dessus

2014-01-25_17h28_38

5. Rendez-vous sur Youtube, sur la page de la vidéo que vous souhaitez ajouter à votre bibliothèque, cliquez sur « Partager / Intégrer », et copiez le code surligné en bleu.

2

6. Dans la bibliothèque, ne cliquez pas sur « new item », mais sur « FILES / New Document / Video »

4

7. Sélectionnez l’option « Provide code to embed a video from the web », saisissez un nom pour la vidéo, et collez la source provenant de Youtube dans le dernier champ.

5

Note : Si le domaine externe utilisé n’est pas présent dans la liste de la page « Sécurité des champs HTML », vous obtiendrez le message suivant :

11

8. Les propriétés de la vidéo s’affichent alors, précédées d’une prévisualisation.

2014-01-25_17h32_15

9. Cliquez sur « Save », la vidéo est alors « ajoutée » à la bibliothèque, bien que toujours hébergée sur Youtube.

Visuellement, elle apparaît comme il avait été ajoutée à votre bibliothèque via « new item ».

2014-01-25_17h32_42

10. Vous n’avez plus qu’à cliquer dessus pour la lire dans la page par défaut (http://URLDUSite/NomDelaBibliothèque/Forms/Video/videoplayerpage.aspx?ID=xx).

2014-01-25_17h32_57

Intégrer une vidéo Youtube dans une page

1. Editez la page, si vous souhaitez  utiliser une webpart dédiée cliquez sur « INSERT / WebPart » et ajoutez  une WebPart « Content Editor » ou « Script Editor », toutes 2 disponibles dans la catégorie « Media and Content ».

9

2. Cliquez (ou pas) sur la WebPart, puis dans la section « FORMAT TEXT », cliquez sur « Edit Source ».

7

Ou cliquez sur « INSERT / Embed Code »

2

3. Collez la source provenant de Youtube.

10

4. Votre vidéo est alors intégrée à la page.

2014-01-25_17h36_21

Note : Si le domaine externe utilisé n’est pas présent dans la liste de la page « Sécurité des champs HTML », vous n’obtiendrez pas de message d’erreur, mais le contenu sera vide.

Cas particulier du site web public par défaut

L’option « Sécurité des champs HTML » n’est pas disponible sur le site web créé par défaut dans Office 365 (voir cet article), et inutile de tenter de lancer directement la page « _layouts/15/HtmlFieldSecurity.aspx », vous y trouverez une jolie page blanche.

Donc dans ce cadre, vous serez donc limité aux 6 domaines présents par défaut.

Conseil pour le choix de vos vidéos

La vidéo des voeux du président ou de la dernière campagne du service de comm’ c’est sympa, mais je vous glisse ici un exemple (très professionnel …) de vidéo pour inciter vos utilisateurs à venir collaborer plus souvent :

3

Catégories :Office 365, SharePoint 2013 Étiquettes : ,
  1. Aucun commentaire pour l’instant.
  1. février 3, 2014 à 5:09

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :