• ACCUEIL
  • 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, cliquer sur  sur l'icône noire et blanche en forme de clap de cinéma dans la barre d'outils de l'éditeur d'articles intitulée  "Insérer une vidéo" : deux options s'offrent à vous dans la fenêtre pop-up qui s'affiche :
    • Importer à partir de l'ordinateur : vous pouvez 
      • "glisser/déposer" votre vidéo
        ou 
      •  la "sélectionner" en parcourant votre ordinateur pour trouver la vidéo de votre choix.


    • À partir de YouTube : vous pouvez choisir une vidéo de YouTube et l'afficher sur votre blog.

      1. Placer votre curseur à l'endroit où vous souhaitez insérer la vidéo (si nécessaire, centrer....)
      2. Indiquer votre recherche  et validez :  les vidéos disponibles s'affichent.


      3. Sélectionnez la vidéo qui vous convient : elle s'affiche immédiatement


        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  :

    telechargerunevideo  convertisseur de médias gratuit et notamment un convertisseur Youtube mp4 et mp3. Vous avez la possibilité de convertir et enregistrer une vidéo ou une musique issue d'internet vers différents formats standards tels que le MP4 ou le MP3.
     

    Simple à utiliser : 
    -coller l'adresse de la page web qui contient la vidéo ou l'adresse de la vidéo (Youtube..).
    -cliquer "obtenir le lien"
    Bien rester sur cette page...
    -sélectionner  format / taille  vidéo souhaité
    -Cliquer sur "générer le lien"
    -Lorsque le lien s'affiche, télécharger la vidéo

    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