Intégrer vidéos compatibles IPHONE/ANDROID etc pour les nuls sur BLOGGER

Si comme moi vous n'êtes pas programmeur ou développeur voici une méthode ultra simple pour rendre compatible et visionable les vidéos de Blogger sur Iphone et autres appareils.

1 / Il suffit d'avoir un compte Google qui est donc gratuit.

2 / D'utiliser "google drive":

3/ Créer un répertoire pour y enregistrer vos vidéos. Peut importe le nom. Et le mettre en accès "public" (options du répertoire "partager" et "avancer"):


4/ Uploader une vidéo au format MP4 !! dans le nouveau répertoire. Attention Google traite la vidéo et cela peut prendre du temps suivant la taille. Pour savoir si cela est terminé, normalement une miniature de la vidéo apparaît, mode "grille" sur Google Drive pour ce tupe d'affichage :




Vidéo déposée,  "Double cliquez" dessus après quelques minutes ou instants, et elle doit s'afficher ou indiquer que celle-ci est en cour de traitement. Si elle s'affiche correctement, fermez la vidéo en cour de lecture, en toute logique vous revenez dans le répertoire Google ou elle est présente, et appuyez sur F5, normalement la miniature doit être présente.

Si vous n'avez pas d'outil de conversion vidéo en Mp4. On peut facilement en trouver en ligne :

http://video.online-convert.com/fr/convertir-en-mp4
ou
https://www.onlinevideoconverter.com/fr/cloud-converter

Pour les fichiers de Youtube:
https://www.onlinevideoconverter.com/fr/video-converter
ou
http://www.clipconverter.cc/fr/

Il existe des plugins qui détectent les vidéos intégrables aux navigateurs Firefox et autres ( GetThemall , Vidéo DownaloadHelper)

5 / Après avoir enregistré la vidéo sur Google Drive. Sélectionner celle-ci (clic droit souris) et choisir "partager":



6 / Copier le code (appuyer sur "obtenir le lien de partage"et "copier le lien" :


7 / Dans "Notepad" ou autre le coller, exemple ci dessous:

https://drive.google.com/file/d/0B49ttwz8FvV7UkE0NmNnTEpyNEU/view?usp=sharing

8 / Ensuite sélectionner et Copier ce qu'il y à entre d/  et  /view? donc ici cela donne :

0B49ttwz8FvV7UkE0NmNnTEpyNEU

9 / Et le coller dans le code ci dessous:

<iframe src="https://drive.google.com/file/d/code copié en 8 /preview" width="640" height="480"></iframe>

ce qui donne:
<iframe src="https://drive.google.com/file/d/0B49ttwz8FvV7UkE0NmNnTEpyNEU/preview" width="640" height="480"></iframe>

10 / Il suffit ensuite d'ouvrir l'article créé sous Blogger ou vous désirez mettre la vidéo. Appuyer sur le bouton "HTML":




Et coller le code ou vous le désirez pour voir par magie la vidéo apparaître, remplacer l'endroit ou vous voyez  le code d'affichage de la vidéo qu'a créé Blogger si c'est le cas.

Pour faire simple, vous commencez l'article avec l'option "rédiger" et de cette façon pas besoin de faire du HTML. Et quand vous arrivez au moment de mettre la vidéo, sélectionnez le bouton "HTML"'et collez le code, Donc comme pour l'exemple, le code de ce type la:

<iframe src="https://drive.google.com/file/d/0B49ttwz8FvV7UkE0NmNnTEpyNEU/preview" width="640" height="480"></iframe>

Et voilà le tour est joué, la vidéo est compatible tout appareil.

De rien ^^