Créer un Blog avec Blogger

Vidéos du net

VIDEOS DU NET : Youtube, Daily Motion...

Préambule: 
-Vous pouvez avoir des difficultés à visionner vos articles, du moins, les vidéos... Certains navigateurs (leur configuration) peuvent poser problème, en particulier Mozilla Firefox/ IE.
-Dans tous les cas, tester votre réalisation avec divers navigateurs.
-Si un navigateur pose problème : le désinstaller complètement 
-lire notre article "Navigateur et affichage vidéo : Problèmes et solutions"


Comment insérer  des vidéos  du net dans vos articles ?

Il est très simple de mettre en ligne une vidéo, surtout une vidéo déjà publiée sur un site spécialisé.  Google possédant Youtube, l'intégration de vidéos Youtube est donc facilitée !

Voici comment  réaliser simplement une insertion de vidéos provenant du net (Youtube et Daymotion) :

1-Une vidéo Youtube à partir de Blogger (simple)
2-Une video Youtube  à partir de Youtube (peut nécessiter d'utiliser du code HTML)
3-Une vidéo Daily Motion (nécessite d'utiliser du code HTML)

A savoir: 
En mode "Edition" lorsque la vidéo est insérée dans votre article, elle est inactive : impossible de la lire !
Il faut publier l'article et le visualiser pour que la vidéo puisse être lue par le navigateur.


1-avec YOUTUBE, directement avec Blogger


Pour commencer, procédez comme suit.
  1. Cliquez sur l'icône noire et blanche en forme de clap de cinéma dans la barre d'outils de l'éditeur d'articles.


  1. Quatre options s'offrent à vous dans la fenêtre pop-up qui s'affiche :
    • Importer : vous pouvez parcourir votre ordinateur pour trouver la vidéo de votre choix. Si c'est la première fois que vous transférez une vidéo, vous devrez accepter les conditions d'utilisation.
    • À partir de YouTube : vous pouvez choisir une vidéo de YouTube et l'afficher sur votre blog.
    • Mes vidéos YouTube :Si vous possédez des vidéos sur un compte Google, vous pouvez y accéder dans cet onglet et les transférer.
    • Depuis votre mobile (téléphone): Si vous avez un compte Google+ et un téléphone sous Android, vous pouvez télécharger une application vous permettant de transférer instantanément les vidéos de votre téléphone vers votre compte Google. Vous pouvez ensuite cliquer sur l'onglet "À partir de votre téléphone" et publier une vidéo de votre téléphone sur votre blog. Tout le contenu ainsi transféré à partir de votre téléphone restera privé tant que vous n'aurez pas décidé de le partager.
    • Depuis votre Webcam
  2.  Nous choisissons l'option la plus simple : À partir de YouTube

    Indiquer votre recherche :



    les vidéos disponibles s'affichent:



    sélectionner celle qui vous convient puis valider

    La vidéo s'affiche : C'est terminé !
      mais, pour la lire, il faut publier ou mettre à jour l'article pour que le navigateur puisse la faire fonctionner


2-avec YOUTUBE, à partir du site

- Aller sur Youtube   et  sélectionner la vidéo. 
- La visualiser.

=> Deux possibiltés d'exploitation de la vidéo


A- VIA LE MENU CONTEXTUEL

-faire un clic doit sur la vidéo pour obtenir ce menu qui peut être en français ou en anglais...:















Les 3 sous menus qui vous concernnet sont les 3 premiers :

-"Copier l'URL de la vidéo" = copier l'adresse de la vidéo pour faire un lien d'accès rapide
=>exemple de code :  https://youtu.be/qW2IfumMmgI
=> exemple de lien Voir cette vidéo 


-"Copier l'URL de la vidéo à partir de cette séquence" idem  en utilisant la possibilité de faire démarrer a vidéo à partir  d'une durée précise : le moment où vous faites l'action...
=>exemple de code : https://youtu.be/qW2IfumMmgI?t=17

"Copier le code d'intégration" : vous copiez un code HTML qui va permettre d'intéger la vidéo dans votre article (en mode HTML)


=>exemple de code :<iframe width="854" height="480" src="https://www.youtube.com/embed/qW2IfumMmgI" frameborder="0" allowfullscreen></iframe>
=> exemple d'intégration de vidéo (via le mode HTML)



 






B-VIA LE LE MENU "PARTAGE"

=> vous pourrez faire les mêmes actions que précédemment, mais avec des possibilités de réglage plus détaillés


 se rendre en dessous de la vidéo sur





  • Cliquer sur Partager, pour obtenir :



Quel intérêt ?  

Vous récupérer l'adresse URL de la vidéo pour faire un lien  (comme ci-dessus, via le menu contextuel)

ET


1-vous pouvez faire démarrer l'extrait à un moment précis en cochant :  x Démarrer à ....




2-En cliquant sur l'icône "Blogger" un nouvel article, intégrant la vidéo,  est automatiquement créé dans votre Blog 




  • Cliquer sur "Intégrer"

    pour  "Copier le code d'intégration" : vous copiez un code HTML qui va permettre d'intéger la vidéo dans votre article (en mode HTML)

    (comme ci-dessus, via le menu contextuel) 


ET

Cliquer sur "PLUS"



pour réaliser une configuration personnalisée :
vous pouvez 
-Modifier la taille de la vidéo qui s'affichera
-Afficher les suggestions de vidéos à la fin de la lecture
-Afficher les commandes du lecteur
-Afficher le titre de la vidéo et les actions du lecteur









3-avec DAILY MOTION, à partir du site

Le principe est le même, mais un peu plus compliqué car DailyMotion n'appartient pas à Google, contrairement à Youtube...

-Aller sur   Dailymotion 
-Sélectionner la vidéo
-Lire la vidéo


-En dessous de la vidéo, s'affiche "PARTAGER "
ou  "EXPORTER" ou  le symbole < >




 cliquer  sur PARTAGER et s'affiche : 





Remarquer que vous obtenez :
-le  "permalien"  (URL simplifiées dela vidéo) pour faire un lien
-Le "code d'intégration de la vidéo" à copier /coller en mode HTML dans votre article, avec lapossibilité de configuration personnalisée de l'affichage  : 
     -démarrage automatique ou non
      -déut de la vidéo à ....
       -Taille du lecteur

-vous pouvez seulement faire un simple lien grâce au permalien qu'il faut copier/coller pour aller lire la vidéo



-vous pouvez aussi intégrer sur votre blog la vidéo : 
Copier le code d'intégration qu'il faudra coller dans votre article en mode HTML

pour obtenir :


3-Compléments


  • Comment changer la taille de la vidéo?
Il faut aller modifier le code de la vidéo ! donc retrouver le code de la vidéo en affichant l'article en mode HTML


Exemple d'un code d'intégration Youtube:

<iframe width="560" height="315" src="https://www.youtube.com/embed/vxc5ZqSQ9C8" frameborder="0" allowfullscreen></iframe>

il faudra modifier les valeurs de:
- Width: Largeur en pixels
- Height: Hauteur en pixels
en conservant les proportions !

  • Comment découper une vidéo du net  puis l'intégrer au blog?
Vous souhaitez afficher seulement un extrait de vidéo !  comment découper la vidéo pour en réaliser un extrait précis ?

=> Voir notre tutoriel



  • Comment faire un montage vidéo en ligne avec Youtube ?

    Cela suppose d'avoir un compte Google et de s'y connecter via Youtube

-Cliquer en haut à droite sur votre avatar

-Cliquer sur "Creator Studio"



-Cliquer sur Créer


- Vous obtenez un outil simple mais efficace pour monter votre vidéo



  • Comment récupérer une vidéo du net ?
Vous souhaitez récupérer le fichier d' une vidéo du net qui ne semble pas facilement exploitable...

Vous pouvez la récupérer en ligne avec  :

FLUVORE : Fluvore est un nouvel outil qui vous permettra de télécharger les vidéos de Dailymotion, de YouTube ainsi que de nombreux autres sites de vidéos .
Le principe :  Après avoir vu  un vidéoclip sur Youtube , vous souhaitez récupérer fichier vidéo

1- Aller sur Youtube http://www.youtube.com/
2 - Chercher  une vidéo...
3-  Copier son adresse URL (dans le navigateur)
4- Aller sur le site Fluvore
5- Coller l'adresse URL de la vidéo de Youtube
et Sélectionnez le format de conversion que vous souhaitez
6- Cliquer sur "convertir  et télécharger"


7- le fichier  obtenu  se situe dans votre dossier Téléchargement)


AUTRES SITES

via Savefrom  
méthode simplifiée :
al'adresse youtube dela vidéo
ex https://www.youtube.com/watch?v=4bPGxLxogvw

=> ajouter ss avant youtube
ex: https://www.ssyoutube.com/watch?v=4bPGxLxogvw  (Validez)
et vous obtenez 



http://keepvid.com/
Pour récupérer directement :
-coller l'URL dans la barre d'adresse en haut de la page, cliquer sur "Download" à droite.
-Au-dessous s'affichent plusieurs téléchargements possibles, selon la définition de la vidéo et donc la taille du fichier. Choisir la meilleure définition et donc la taille la plus importante, sauf si votre choix est différent...
-Ensuite, avec un clic droit, ouvrir le lien dans une nouvelle fenêtre (cela ne marche pas dans un nouvel onglet), mais on peut aussi copier l'adresse du lien et la coller dans la barre d'adresse d'un nouvel onglet ou d'une nouvelle fenêtre.
-La vidéo s' ouvre dans la nouvelle fenêtre, et un clic droit permet de l'enregistrer à l'endroit de votre choix. 

=> un site complet qui explique clairement toutes les possibilités

Voir aussi