loe graphisme pro

Graphisme & com pro

BLOG Loé

Une vidéo sur un site WordPress sans passer par Youtube ou Viméo

BLOG Loé

Une vidéo sur un site WordPress
sans passer par Youtube ou Viméo

Voici comment mettre, sur votre site wordpress.org, des vidéos sans avoir à les héberger sur un autre site. Pas

Attention, cette astuce ne peut pas fonctionner dans tous les cas.

Sommaire

Pourquoi cette astuce

Si vous faites, par exemple, une formation en ligne avec des vidéo, vous pouvez avoir besoin d’une solution pour héberger ces vidéos de façon privée.

Dans ce cadre, vous pouvez avoir besoin d’une vidéo :

  • sans bouton,
  • à démarrage automatique,
  • qui n’envoie pas vers un autre site.
  • qui n’est pas diffusée autre part.

La solution idéale est bien de passer chez un hébergeur de vidéo, par exemple Viméo, mais en ayant un compte pro pour garder la confidentialité sur la vidéo. Ce n’est pas possible gratuitement chez eux.

Hébergez la vidéo sur votre site

Héberger la vidéo sur son site peut être une solution de démarrage. Mais attention, cela peut poser des problèmes.

La lecture de la vidéo est très gourmande en ressources. Si un grand nombre de personne regarde la vidéo, le site risque de ne pas pouvoir suivre.

Ces contraintes sont directement liées avec la performance de votre hébergement, et ce qui déjà installé dessus. Certains hébergements sont même faits exprès pour. Mais la plupart, non.

Dans la plus part des cas, ce peut donc être une solution de test, de dépannage ou de départ mais pas une solution pérenne.

Mettez la vidéo sur le FTP

1.

  1. Connectez-vous au FTP de votre hébergement, via votre panel ou Filezilla par exemple.
  2. Créez un dossier à la racine de votre site que vous pouvez appeler video par exemple.
  3. Mettez-y votre vidéo et attendez qu’elle se copie.

2.

Cette extension est gratuite !

  1. Dans la barre latérale, allez dans Extensions > Ajouter.
  2. Dans recherche, tapez FV Flowplayer Video Player.
  3. Installez puis activez l’extension.

Paramètrez l'extension

3.

  1. Allez dans la barre latérale, Réglage > FV Player.
  2. Dans Player skin, règlez tout sur blanc (code hexadécimal #FFFFFF).
  3. Dans Post interface option, ne laissez coché que Autoplay.
  4. Dans Sitewide Flowplayer Defaults, cochez ces trois cases :
    • Disable Admin Video Checker
    • Disable Embed Button
    • Disable Sharing

Insérer la vidéo dans un article

4.

Lorsque que vous créez un article ou le modifiez, vous avez maintenant un bouton rouge FV Player.

  1. Mettez votre curseur à l’endroit où vous voulez insérer la vidéo dans l’article.
  2. Cliquez sur le bouton FV.
  3. Mettez l’url de la vidéo sans mettre le nom de domaine du site. Par exemple si ma vidéo est à la racine du site dans le dossier video, l’url à placer est /video/nomdelavideo.mp4
  4. Règlez Autoplay sur « On » puis validez. Ça va te générer un shortcode entre crochets du type [fvplayer src= »/video/nomdelavideo.mp4″ autoplay= »true »]
  5. Pour désactiver la barre de temps, dans les crochets ajoute le texte suivant : 
    live=”true” controlbar=”no” 
    Cela donne, dans les crochets : 
    [fvplayer src= »/video/nomdelavideo.mp4″ autoplay= »true » live=”true” controlbar=”no”]

C'est fini !

L'info peut intéresser votre réseau ?

L'info peut intéresser votre réseau ?