Drupal, Video – Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos



On va tirer profit de Drupal afin de créer une galerie de vidéos depuis un service tiers, en clair les nombreuses plate-formes de partage vidéo à l’instar de youtube, vimeo ou dailymotion. Le recours à ces plates-formes évite de surcharger inutilement, dans la délivrance de vidéos, le serveur qui héberge votre site en plus d’une multitude d’autres services.

L’environnement dans lequel nous avons travaillé est un Drupal version 6.17. Le module que nous allons utiliser est le suivant emfield-6.x-1.24.tar.gz. Il est nécessaire d’installer un module qui permet de paramétrer les views (vues) : views-6.x-2.11.tar.gz.

Il vous faudra activer le module Views
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

  1. Embedded Media Field – emfield-6.x-1.24.tar.gz
    http://drupal.org/project/emfield
  2. Views – views-6.x-2.11.tar.gz
    http://drupal.org/project/views
Using Drupal

Using Drupal

Un livre complet sur comment construire différents types de sites Web en utilisant le CMS Drupal, qui est la plate-forme de publication sur le Web très populaire sur le Web. Drupal est sans doute la meilleure solution de gestion de contenu actuelle bien que la courbe d'apprentissage puisse être longue surtout pour les personnes en charge de la gestion du site, disons l'équipe éditoriale. Le livre présente de très nombreuses études de cas : Gestion des commentaires; Gestion d'un Wiki; Gestion des flux d'édition; Gestion d'une galerie de photos; Manager des Sites multilingues ou enfin la gestion de type de contenu comme des événements... Bref, un tour d'horizon tout à complet.

Genre(s) : , , , , , , , , , , , , , , , , , , , ,
Auteur(s) : , , ,
Edition(s) :

Installation du module Embedded Media Field

Pour se faire, on va installer un module nommé Embedded Media Field. La fonction principale de ce module est de permettre la création de champs spécifiques (fields) attachés à des types de contenu (content types).

La description du module Embedded Media Field

This extensible module will create fields for node content types that can be used to display video, image, and audio files from various third party providers.

Source : http://drupal.org/project/emfield

Configuration du module Embedded Media Field

Une fois le module installé, il faut se rendre dans la partie Content management où vous pouvez configurer le module Embedded Media Field.

Il va falloir activer les différentes sources ou fournisseurs que vous souhaitez utiliser pour votre galerie de vidéos. Si toutes vos vidéos sont diffusées depuis vimeo.com, il faudra donc paramétrer Vimeo configuration afin d’autoriser l’utilisation de vos vidéos dans Drupal.

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Cette activation est globale pour l’ensemble du site. Ici, l’activation de la plate-forme Vimeo
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Création du type de contenu video

On crée un type de contenu nommé video dont on supprime dans Submission form settings le champs Body

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

On dispose d’un content type nommé video comme il existe un type de contenu nommé Story. Il existe aussi un homme nommé cheval mais c’est une autre histoire !
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Ajouter des champs à video

C’est une fois que votre contenu type video a été crée que vous allez rajouter des champs spécifiques à l’aide du module Embedded Media Field.

On va rajouter un champs nommé video_url dont le type sera Embedded video

Une fois le champ ajouté, il est possible de le paramétrer de manière plus pointu notamment la taille de la vidéo, la taille de la prévisualisation…etc.

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Créer du contenu via le content type “video”

Cela suppose de créer du contenu qui comprend à chaque fois une vidéo. Une fois le contenu créé, il faut aller créer un vue (view) pour publier effectivement l’ensemble des insertions de vidéo que vous venez de faire.

Ajout d’une video Vimeo
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Ajout d’une video YouTube
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Créer la vue de la galerie de vidéos

La vue (view) se nomme video_gallery dont le type est node
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Il faut préciser le chemin (path) où sera accessible votre galerie de vidéos.
Etant en local, notre “path” sera le suivant http://127.0.0.1/DRUPAL_6_17/video
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Il faudra ensuite sélectionner les filtres suivants video et published pour qualifier ce node appelé dans la vue (view).

  1. Le premier filtre est le “Type” est “video”.
  2. Le deuxième filtre est que le node doit être publié (published)

On a choisi aussi dans le panneau “Basics settings” de mettre l’affichage des vidéos sous forme de grille (grid)

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Le premier filtre est le “Type” est “video”
Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

Le résultat

Vous possédez désormais sur votre site une galerie de vidéos provenant de Vimeo et de YouTube, disponible à l’adresse http://127.0.0.1/DRUPAL_6_17/video.

Drupal, Video - Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos

En savoir plus

Les vidéos Vimeo utilisées sont tirées d’un autre article de ce blog.

3 autres modules qui ne sont pas utilisés dans cette article mais sont données juste pour information :