Héberger des vidéos google drive pour son site web

# Astuce, # Site web, # Tutoriels

googledrive-web

Aujourd’hui avec google drive vous avez la possibilité d’héberger des fichiers mais aussi et surtout la possibilité de les partager. Au travers de ce tutoriel, je propose aux webmasters un moyens d’héberger des vidéos sur cette plateforme pour les retranscrire ensuite sur leur site internet.

Comment ça marche, comme d'habitude je vous propose une explication en image:

Rendez vous sur votre google drive, uploader la vidéo voulue et cliquez dessus:

googledrive-video1

Ce passage peu de gens le savent, j'ai cherché pendant 3h!!! rien  que pour vous mes yardoux ;), copiez le lien et ouvrez une page internet, coller le lien:

googledrive-video2

googledrive-video3Vous allez obtenir un lien entre balise <iframe> à coller dans votre article:

googledrive-video4

Voici le résultat:

 

L’intérêt? Plutôt que de passer par Youtube ou vos vidéos seront visible à tout le monde, vous pouvez en faire profiter que vos lecteurs. Si vous avez l'habitude de mettre des vidéos qui sont sur YouTube, cela peut aussi palier aux liens qui disparaissent en les hébergeant chez vous directement.

Bonus: ajouter l'option plein écran pour vos vidéo:

J'ignore pourquoi mais les vidéos gdrive ne bénéficient plus de l'option plein écran par défaut. Pour y remédier ajouter ce bout de code dans votre balise iframe:

Enjoy,

  • fabrice

    bonjour
    c’est super le problème est que la page s’ouvre sur la vidéo?
    il faudrait qu’elle s’ouvre normalement en haut?
    vous avez une solution?
    cordialement

    • seeyar

      Hi Fabrice,
      Could you screenShot your problem.
      If you respect explanations above, it will do the trick.
      Which cms are u used?
      I think you have troubles with tag « iframe », you should follow this way.
      Regards,

  • fabrice

    oup’sss

    hello

    it’s great the problem is that the page opens in the video?

    it would have normally opens up?

    you have a solution?

    cordially