Vous souhaitez intéger une vidéo (ou une musique) du net (de Youtube ou autre...) dans votre blog mais la vidéo trouvée est trop longue : vous voulez en extraire, avec précision, une partie.
Comment faire ?
Pour découper rapidement et facilement une vidéo avant de l'intégrer dans votre blog, sans utiliser un logiciel vidéo (souvent complexe, lourd et fastidieux) , mais avec un simple outil en ligne adapté à vos désirs...C'est très facile !
Voici divers outils en ligne , simples et efficaces.
Affichage des articles dont le libellé est vidéo. Afficher tous les articles
Affichage des articles dont le libellé est vidéo. Afficher tous les articles
Vidéos personnelles
VOS VIDEOS PERSONNELLES
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 personnelles dans vos articles ?
Il est très simple de mettre en ligne une vidéo (la votre ou toute vidéo publiée sur un site spécialisé)
Les vidéos personnelles doivent donc être hébergées (sur Youtube ou DailyMotion...). Google possédant Youtube, l'intégration de vidéos Youtube est donc facilitée !
Voici comment réaliser simplement l' insertion de vos vidéos personnelles, nous verrons comment le réaliser :
1- à partir de Blogger
2- en transférant votre vidéo sur Youtube
3- en transférant votre vidéo sur Google drive
4- à partir d'une vidéo stockée sur un serveur distant
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.
-Vous n'avez pas de vidéo perso pour tester ? télécharger légalement une vidéo sur
-Site spécial démo : http://www.demo-world.eu/2d-demo-trailers-hd/
-https://archive.org/details/movies
-http://commons.wikimedia.org/wiki/Category:Videos?uselang=fr
-pour enfants
-pédagogie (vidéo associée à la revue)
-bande annonce de films
puis...
Méthode conseillée, très simple, qui intègre la vidéo dans l'article !
-Site spécial démo : http://www.demo-world.eu/2d-demo-trailers-hd/
-https://archive.org/details/movies
-http://commons.wikimedia.org/wiki/Category:Videos?uselang=fr
-pour enfants
-pédagogie (vidéo associée à la revue)
-bande annonce de films
puis...
1-A partir de 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 ( ici il s'agit d'intégrer une vidéo personnelle)
La vidéo sélectionnée, aussitôt, est
- Importer à partir de l'ordinateur : vous pouvez
- "glisser/déposer" votre vidéo
- la "sélectionner" en parcourant votre ordinateur pour trouver la vidéo de votre choix.
Blogger accepte les fichiers AVI, MPEG, QuickTime, Real et Windows Media à condition que leur taille soit inférieure à 100 Mo.
La vidéo sélectionnée, aussitôt, est
- Importée
Le temps d'attente varie en fonction de la taille de la vidéo ; il est généralement de cinq minutes environ.
- traitée par Blogger
- insérée dans notre article.
Exemple :
2- Transférer votre vidéo sur YOUTUBE
Vous pouvez mettre en ligne des vidéos sur YouTube en seulement quelques étapes.Cette solution très simple vous évite plusieurs problèmes problèmes:
-Le stockage des vidéos : les vidéos sont volumineuses, Google/Youtbe vous les stocke gratuitement !
-L'encodage des vidéos : Youtube le fait à votre palce, et vous êtes certain que votre vidéo sera lisible !
-L'insertion de la vidéo sera simplifiée : voir ci-dessus
=> C'est la méthode la plus simple que nous recommandons pour tous !
Les règles de base:
Par défaut, vous pouvez mettre en ligne des vidéos ne dépassant pas 15 minutes. Mais vous pouvez augmenter votre limite et 'importer des fichiers d'une taille supérieure à 20 Go. La taille des vidéos que vous pouvez mettre en ligne sur YouTube est limitée à 128 Go, et leur durée limitée à 11 heures.
Seuls les formats suivants sont acceptés:
- .MOV
- .MPEG4
- .AVI
- .WMV
- .MPEGPS
- .FLV
- 3GPP
- WebM
Si vous utilisez un format de fichier qui n'est pas mentionné ci-dessus, utiliser un logiciel pour convertir votre fichier.
=>Voir l'aide Youtube pour importer des vidéos
Pour mettre en ligne des vidéos sur YouTube depuis votre ordinateur, procédez comme suit :
Pour mettre en ligne à partir d'un téléphone, voir l'aide Google
Désormais votre vidéo est sur Youtube, vous pouvez donc publier, diffuser votre vidéo sur votre blog, comme indiqué ci-dessus, partie 1, directement à partir de Blogger:
-Placer votre curseur à l'endroit où vous souhaitez insérer la vidéo (si nécessaire, centrer....)
-Indiquer votre recherche et validez : les vidéos disponibles s'affichent.
-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
3 Transférer votre vidéo sur Google Drive
A savoir : C'est une possibilité intéressante mais l'intégration de la vidéo dans votre blog sera plus complexe à réaliser..Vous pouvez transférer dans votre espace de stockage Google Drive, une de vos vidéos.
Google Drive
vous permet de manipuler tous types de fichiers à partir du même
emplacement, y compris les fichiers vidéo.
Avec Google Drive, vous pouvez :
Pour retrouver les vidéos que vous avez importées, utilisez la flèche déroulante située dans le champ de recherche lors de vos recherches de vidéos dans Google Drive. Cliquez sur le nom d'un fichier pour l'ouvrir et lire la vidéo à l'aide du lecteur vidéo Google Drive.
Vous pouvez également regarder un aperçu de la vidéo dans le volet d'aperçu.
Lorsque vous ouvrez un fichier vidéo, vous pouvez voir des informations supplémentaires sur le fichier :
=>Voir cette vidéo stockée et partagée sur Google Drive
Avec Google Drive, vous pouvez :
- Synchroniser ou importer des fichiers vidéo n'excédant pas 5 To (taille limitée par l'espace de stockage disponible)
- Synchroniser ou importer des fichiers vidéo aux formats suivants :
- Fichiers WebM (codec vidéo Vp8 et codec audio Vorbis)
- Fichiers MPEG4, 3GPP et MOV (codecs vidéo h264 et mpeg4, et codec audio AAC)
- Fichiers AVI (codec vidéo MJPEG et codec audio PCM)
- Fichiers MPEGPS (codec vidéo MPEG2 et codec audio MP2)
- Fichiers WMV
- Fichiers .FLV (Adobe – codec vidéo FLV1, codec audio MP3)
- Fichiers MTS
- Consulter toutes vos vidéos en un clin d'œil. La résolution maximale pour la lecture est de 1920 x 1080.
- Partager des vidéos sans avoir à échanger de pièces jointes
- Ajouter des pistes de sous-titres à vos fichiers vidéo
Pour retrouver les vidéos que vous avez importées, utilisez la flèche déroulante située dans le champ de recherche lors de vos recherches de vidéos dans Google Drive. Cliquez sur le nom d'un fichier pour l'ouvrir et lire la vidéo à l'aide du lecteur vidéo Google Drive.
Vous pouvez également regarder un aperçu de la vidéo dans le volet d'aperçu.
Lorsque vous ouvrez un fichier vidéo, vous pouvez voir des informations supplémentaires sur le fichier :
- Propriétaire
- Paramètres de partage
- Date de la synchronisation ou de l'importation du fichier
- Versions téléchargeables précédentes du fichier (non visible dans le lecteur vidéo)
=>Voir cette vidéo stockée et partagée sur Google Drive
Comment partager une vidéo ?
puis partager cette vidéo pour obtenir un lien de partage
Pour faire un lien, utiliser le code fourni
=>Voir cette vidéo stockée sur Google Drive
- Pour voir la vidéo intégrée, il faut utiliser ce code d'intégration en ayant auparavant extrait l'identifiant du fichier
Méthode:
=> travailler avec le bloc note en copier/coller
1-Extraire l'identifiant à partir du lien de partage fourni (ci-dessus)
Copier le lien
https://drive.google.com/file/d/0B6Uwn-CnZdmpnSmZhWEtDaGs/view?usp=sharing
L’identifiant est la partie en fluo qu'il faudra copier/coller dans le code ci-dessous
2-Copier/coller ce code en insérant le bon identifiant et, si nécessaire, modifier le taille de la vidéo
<br />
<iframe src="https://docs.google.com/file/d/IDENTIFIANT/preview" width="640" height="480"></iframe>
<br />
pour obtenir :
Conclusion:
Passer par Google Drive n'est pas la méthode idéale !
Il est toujours plus simple et plus rapide d'opérer directement à partir de Blogger et Youtube pour insérer une vidéo.
-que vous ayez ouvert un espace de stockage distant (ex : chez Free, voir notre article)
- que vous connaissez l'adresse URL de votre vidéo, là où elle est stockée, exemple pour un stockage chez "free"
http://monsite.free.fr/video/monfichier.mp4
Attention certains services du cloud ne donnent pas l"URL exacte mais encodée, vous ne pourrez pas, en principe, afficher votre vidéo via ce code (testez !)
ATTENTION
Désormais il est impossible d'intégrer des vidéos, PDF, musique ... hébergés sur un serveur personnel distant ( Ex Free) avec les balises HTML traditionnelles. Cela ne fonctionne plus.
pour obtenir :
Conclusion:
Passer par Google Drive n'est pas la méthode idéale !
Il est toujours plus simple et plus rapide d'opérer directement à partir de Blogger et Youtube pour insérer une vidéo.
4- Une vidéo stockée sur un serveur distant...
Cela suppose :-que vous ayez ouvert un espace de stockage distant (ex : chez Free, voir notre article)
- que vous connaissez l'adresse URL de votre vidéo, là où elle est stockée, exemple pour un stockage chez "free"
http://monsite.free.fr/video/monfichier.mp4
Attention certains services du cloud ne donnent pas l"URL exacte mais encodée, vous ne pourrez pas, en principe, afficher votre vidéo via ce code (testez !)
ATTENTION
Désormais il est impossible d'intégrer des vidéos, PDF, musique ... hébergés sur un serveur personnel distant ( Ex Free) avec les balises HTML traditionnelles. Cela ne fonctionne plus.
Seule solution, stocker sur Google Drive ou faire un simple lien, comme ci-dessous :
Voir la vidéo hébergée chez Free :
=> Cliquer sur VOIR LA VIDEO
1-Comprendre les formats vidéo
=>Si vous ne connaisez pas les bases en format vidéo, lire notre dossier complet
Le stockage de la vidéo est autrement plus complexe. On a besoin de trois éléments :
-Un format conteneur : c'est un peu comme une boîte qui va servir à contenir les deux éléments ci-dessous. On reconnaît en général le type de conteneur à l'extension du fichier : AVI, MP4, MKV…
-Un codec audio : c'est le format du son de la vidéo, généralement compressé. Nous venons de les voir, on utilise les mêmes : MP3, AAC, OGG…
-Un codec vidéo : c'est le format qui va compresser les images. C'est là que les choses se corsent, car ces formats sont complexes et on ne peut pas toujours les utiliser gratuitement. Les principaux à connaître pour le Web sont :
H.264 : l'un des plus puissants et des plus utilisés aujourd'hui… mais il n'est pas 100% gratuit. En fait, on peut l'utiliser gratuitement dans certains cas (comme la diffusion de vidéos sur un site web personnel), mais il y a un flou juridique qui fait qu'il est risqué de l'utiliser à tout va.
Ogg Theora : un codec gratuit et libre de droits, mais moins puissant que H.264. Il est bien reconnu sous Linux mais, sous Windows, il faut installer des programmes pour pouvoir le lire.
WebM : un autre codec gratuit et libre de droits, plus récent. Proposé par Google, c'est le concurrent le plus sérieux de H.264 à l'heure actuelle.
A savoir:
H.264 : l'un des plus puissants et des plus utilisés aujourd'hui… mais il n'est pas 100% gratuit. En fait, on peut l'utiliser gratuitement dans certains cas (comme la diffusion de vidéos sur un site web personnel), mais il y a un flou juridique qui fait qu'il est risqué de l'utiliser à tout va.
Ogg Theora : un codec gratuit et libre de droits, mais moins puissant que H.264. Il est bien reconnu sous Linux mais, sous Windows, il faut installer des programmes pour pouvoir le lire.
WebM : un autre codec gratuit et libre de droits, plus récent. Proposé par Google, c'est le concurrent le plus sérieux de H.264 à l'heure actuelle.
A savoir:
=>Aucun navigateur ne gère tous ces formats à la fois.
=>Les iPhone, iPad et iPod ne reconnaissent à l'heure actuelle que le format H.264 (fichier .mp4) et uniquement si celui-ci apparaît en premier dans la liste !
=>Donc le codec H.264 est fortement recommandé en mp4
=>Les iPhone, iPad et iPod ne reconnaissent à l'heure actuelle que le format H.264 (fichier .mp4) et uniquement si celui-ci apparaît en premier dans la liste !
=>Donc le codec H.264 est fortement recommandé en mp4
2-La balise <video>
----------------------------------------------------------------
<video src="ADRESSE URL" controls width="600">
Votre navigateur n'est pas à jour !
</video>
---------------------------------------------------------------
A noter que la vidéo ne démarre pas automatiquement : vous avez un écran noir
DEMONSTRATION (video .mp4)
Vous pouvez compléter la balise des attributs suivants (la plupart sont les mêmes que pour la balise<audio>) :
-poster : image à afficher à la place de la vidéo tant que celle-ci n'est pas lancée. Par défaut, le navigateur prend la première image de la vidéo mais, comme il s'agit souvent d'une image noire ou d'une image peu représentative de la vidéo, je vous conseille d'en créer une ! Vous pouvez tout simplement faire une capture d'écran d'un moment de la vidéo.
-controls : pour ajouter les boutons « Lecture », « Pause » et la barre de défilement. indispensable!
-width : pour modifier la largeur de la vidéo.
-height : pour modifier la hauteur de la vidéo.
-loop : la vidéo sera jouée en boucle.
-autoplay : la vidéo sera jouée dès le chargement de la page. Là encore, évitez d'en abuser, c'est en général irritant d'arriver sur un site qui lance quelque chose tout seul !
-preload : indique si la vidéo peut être préchargée dès le chargement de la page ou non. Cet attribut peut prendre les valeurs :
-auto (par défaut) : le navigateur décide s'il doit précharger toute la vidéo, uniquement les métadonnées ou rien du tout.
-metadata : charge uniquement les métadonnées (durée, dimensions, etc.).
-none : pas de préchargement. Utile si vous souhaitez éviter le gaspillage de bande passante sur votre site.
----------------------------------------------------------------
<video src="ADRESSE URL" controls width="600">
Votre navigateur n'est pas à jour !
</video>
---------------------------------------------------------------
A noter que la vidéo ne démarre pas automatiquement : vous avez un écran noir
DEMONSTRATION (video .mp4)
Vous pouvez compléter la balise des attributs suivants (la plupart sont les mêmes que pour la balise<audio>) :
-poster : image à afficher à la place de la vidéo tant que celle-ci n'est pas lancée. Par défaut, le navigateur prend la première image de la vidéo mais, comme il s'agit souvent d'une image noire ou d'une image peu représentative de la vidéo, je vous conseille d'en créer une ! Vous pouvez tout simplement faire une capture d'écran d'un moment de la vidéo.
-controls : pour ajouter les boutons « Lecture », « Pause » et la barre de défilement. indispensable!
-width : pour modifier la largeur de la vidéo.
-height : pour modifier la hauteur de la vidéo.
-loop : la vidéo sera jouée en boucle.
-autoplay : la vidéo sera jouée dès le chargement de la page. Là encore, évitez d'en abuser, c'est en général irritant d'arriver sur un site qui lance quelque chose tout seul !
-preload : indique si la vidéo peut être préchargée dès le chargement de la page ou non. Cet attribut peut prendre les valeurs :
-auto (par défaut) : le navigateur décide s'il doit précharger toute la vidéo, uniquement les métadonnées ou rien du tout.
-metadata : charge uniquement les métadonnées (durée, dimensions, etc.).
-none : pas de préchargement. Utile si vous souhaitez éviter le gaspillage de bande passante sur votre site.
=> A savoir:
- On ne peut pas forcer le préchargement de la vidéo, c'est toujours le navigateur qui décide.
-Les proportions de la vidéo sont toujours conservées. Si vous définissez une largeur et une hauteur, le navigateur fera en sorte de ne pas dépasser les dimensions indiquées mais il conservera les proportions.
- On ne peut pas forcer le préchargement de la vidéo, c'est toujours le navigateur qui décide.
-Les proportions de la vidéo sont toujours conservées. Si vous définissez une largeur et une hauteur, le navigateur fera en sorte de ne pas dépasser les dimensions indiquées mais il conservera les proportions.
Vidéo avec des fichiers alternatifs
vous utiliserez la balise <source> à l'intérieur de la balise <video> pour proposer différents formats. Le navigateur prendra celui qu'il reconnaît :
----------------------------------------------------
<video controls >
<source src="URLdufichier.mp4">
<source src="URLdufichierl.webm">
<source src="URLdufichier.ogv">
Votre navigateur n'est pas à jour
</video>
--------------------------------------------
--------------------------------------------
A SAVOIR :
Le code HTML 4 concernant les vidéos est transformé par l'éditeur HTML de Blogger !
ainsi ce code
<video src="ADRESSE URL" controls>
Votre navigateur n'est pas à jour !
</video>
devient :
<video controls="" src="ADRESSE URL">
Votre navigateur n'est pas à jour !
</video>
ce qui n'empêche pas la vidéo de fonctionner !
---------------------------------------
=>VOIR UN ARTICLE AVEC UNE VIDEO encodée pour HTML 5 (3 formats)
=> VOIR UN ARTICLE avec intégration de divers fichiers vidéo
(Attention, le résultat dépend de votre configuration matérielle (PC, tablette...) et logicielle (navigateur...)
=> Voir notre DOSSIER complet sur l'intégration de MEDIAS médias
5-Compléments
Comment changer la taille de la vidéo?
Il faut aller modifier le code de la vidéo ! donc retrouver le code dela 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 récupérer une vidéo du net ?
un site complet qui explique clairement toutes les possibilités
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)
AUTRE SITE
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.
Voir aussi
- http://www.clipconverter.cc/
- http://www.jdownloader.org/fr/home/features
- http://www.clipconverter.cc/
- http://www.video2mp3.net/fr/
- http://file2hd.com/
Quel format/codec vidéo utiliser pour afficher une vidéo sur le net (blog, site web) ?
Nous recommandons le MP4/h.264, AAC actuellement le meilleur couple format/codec vidéo, codec audio. Avec ce format il vous sera possible d’uploader vos vidéos sur la plupart des plateformes.
=>Voir notre dossier sur ce blog
Voir ces sites :
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.
-Si un navigateur pose problème : le désinstaller complètement -Dans tous les cas, tester votre réalisation avec divers navigateurs. -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
- 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.
- Placer votre curseur à l'endroit où vous souhaitez insérer la vidéo (si nécessaire, centrer....)
- Indiquer votre recherche et validez : les vidéos disponibles s'affichent.
- 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...:
- 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 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
-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 :
ou "EXPORTER" ou le symbole < >
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?
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?
=> 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
- Comment récupérer une vidéo du net ?
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
Quel format vidéo pour mon blog ?
La compression vidéo pour un blog
(et pour le web...)
(et pour le web...)
Pour une diffusion sur votre blog de vidéos personnelles ou stockées en ligne, vous devez les convertir dans un format adapté à une diffusion sur Internet, ce qui se révèle complexe tant formats et codecs sont nombreux, plus ou moins acceptés par les navigateurs et OS. Difficile de s'y retrouver.
1-Pourquoi convertir le format d’enregistrement d’une vidéo?
Quelque soit votre support d’enregistrement, les fichiers obtenus après votre prise de vue seront lourds et disposeront d’un format d’enregistrement du type .mts, .mov ou mp4... qui ne sera pas forcément détectable par les services de partage en ligne de vidéo. D’autre part, il est rare d’envoyer des fichiers vidéos non mis en forme au montage sur Internet.
Quelque soit votre support d’enregistrement, les fichiers obtenus après votre prise de vue seront lourds et disposeront d’un format d’enregistrement du type .mts, .mov ou mp4... qui ne sera pas forcément détectable par les services de partage en ligne de vidéo. D’autre part, il est rare d’envoyer des fichiers vidéos non mis en forme au montage sur Internet.
Pour les diffuser convenablement vous devez dont passer passer obligatoirement par la case exportation avec une compression vidéo.
2-Notions de base
Le stockage de la vidéo est complexe.
On a besoin de trois éléments :
On a besoin de trois éléments :
-Un format conteneur : c'est un peu comme une boîte qui va servir à contenir les deux éléments ci-dessous. On reconnaît en général le type de conteneur à l'extension du fichier : AVI, MP4, MKV…
-Un codec audio : c'est le format du son de la vidéo, généralement compressé. Nous venons de les voir, on utilise les mêmes : MP3, AAC, OGG…
Codec : AAC (Advanced Audio Coding)Ce codec permet un meilleur ratio qualité/débit que le format MP3, ce qui signifie qu’à taille de fichier équivalente, le son sera de meilleure qualité avec le codec AAC qu’avec le codec MP3.
Codec : MP3
L’un des formats audio les plus utilisés, ce codec a besoin d’un débit élevé (bitrate) pour conserver une bonne qualité de son.
L’un des formats audio les plus utilisés, ce codec a besoin d’un débit élevé (bitrate) pour conserver une bonne qualité de son.
-Un codec vidéo : c'est le format qui va compresser les images. C'est là que les choses se corsent, car ces formats sont complexes et on ne peut pas toujours les utiliser gratuitement. Les principaux à connaître pour le Web sont :
H.264 : Codec développé dans le cadre du MPEG, Le H.264 est également appelé également AVC (Advanced Video Coding). Il propose actuellement la meilleure compression vidéo sans perte de qualité. l'un des plus puissants et des plus utilisés aujourd'hui… mais il n'est pas 100% gratuit. En fait, on peut l'utiliser gratuitement dans certains cas (comme la diffusion de vidéos sur un site web personnel), mais il y a un flou juridique qui fait qu'il est risqué de l'utiliser à tout va.
Ogg Theora : un codec gratuit et libre de droits, mais moins puissant que H.264. Theora est bien reconnu sous Linux mais, sous Windows, il faut installer des programmes pour pouvoir le lire.
WebM : un autre codec gratuit et libre de droits, plus récent. Proposé par Google, WebM est le concurrent le plus sérieux de H.264 à l'heure actuelle.
Autres notions Vidéo
Fréquence d’images (framerate) :24, 25 ou 30 images par seconde.Conservez la fréquence d’images avec laquelle vous avez filmé lors de votre tournage.
Pourquoi 25 ? C’est le seuil de ce que l’on appelle la persistance rétinienne.
Pourquoi 25 ? C’est le seuil de ce que l’on appelle la persistance rétinienne.
Résolution :
1080p: 1920×1080
720p: 1280×720
480p: 854×480
360p: 640×360
En haute définition, 2 formats coexistent 1280 pixels de largeur x 720 pixels de hauteur ou 1920×1080 pixels.Le format SD ou standard correspond à 640 pixels de large.
1080p: 1920×1080
720p: 1280×720
480p: 854×480
360p: 640×360
En haute définition, 2 formats coexistent 1280 pixels de largeur x 720 pixels de hauteur ou 1920×1080 pixels.Le format SD ou standard correspond à 640 pixels de large.
Le Débit :
Un fichier AAC encodé à 128 kbps équivaut à un fichier MP3 encodé à 192 kbps, ce qui signifie que pour atteindre la qualité d’un MP3 de 320 kbps, un débit de 256 kbps suffit. Débit : 320 kbps, c’est le réglage pour obtenir une qualité optimale, mais cela augmente le poids final du fichier à transférer.
Le bitrate, qu’est ce que c’est?
On peut résumer un « bit » à un morceau de l’information traitée par un ordinateur. Ainsi, le bitrate signifie littéralement le nombre de « bits » traitées par intervalle de temps. Dans le cas d’une vidéo en ligne , le débit est le plus souvent mesurée en kilo-bytes par seconde ou » kbps « . Plus techniquement , « le bitrate » correspond à un flux de données, plus la quantité d’informations de pixels est importante dans chaque image de la vidéo, plus la qualité est bonne mais ceci augmentera également le poids du fichier à l’arrivée! De même le bitrate pour l’audio, correspond à la quantité d’octets pour 1 seconde de son.
Vous trouverez ci dessous des liens d’aide concernant les réglages de compression suivant la plateforme choisie:
Vimeo https://vimeo.com/help/compression
Dailymotion http://www.dailymotion.com/upload/faq
Youtube https://support.google.com/youtube/answer/1722171?hl=fr&ref_topic=2888648
3-Compression vidéo et HTML5
On peut résumer un « bit » à un morceau de l’information traitée par un ordinateur. Ainsi, le bitrate signifie littéralement le nombre de « bits » traitées par intervalle de temps. Dans le cas d’une vidéo en ligne , le débit est le plus souvent mesurée en kilo-bytes par seconde ou » kbps « . Plus techniquement , « le bitrate » correspond à un flux de données, plus la quantité d’informations de pixels est importante dans chaque image de la vidéo, plus la qualité est bonne mais ceci augmentera également le poids du fichier à l’arrivée! De même le bitrate pour l’audio, correspond à la quantité d’octets pour 1 seconde de son.
Vous trouverez ci dessous des liens d’aide concernant les réglages de compression suivant la plateforme choisie:
Vimeo https://vimeo.com/help/compression
Dailymotion http://www.dailymotion.com/upload/faq
Youtube https://support.google.com/youtube/answer/1722171?hl=fr&ref_topic=2888648
3-Compression vidéo et HTML5
Le langage HTML5 (norme web actuelle) permet d’insérer une vidéo sans plug-in.
Pour être sur de conserver une lecture fluide sur différents navigateur, vous devez idéalement convertir une vidéo dans trois formats compatibles HTML5.
MP4 H.264 / AVC : Advanced Video Coding, technologie de compression vidéo en MPEG-4, également connue sous le nom de MPEG-4 Part 10.(format propriétaire et soumis à des droits de license d’utilisation)
=>Les fichiers MP4 utilisant H.264 sont lisibles nativement sur les navigateurs Apple (Safari, Safari Mobile), Opera, Google Chrome et Firefox depuis la version 34.
Webm:Webm un codec gratuit et libre de droits, récent. Lancé par Google, il s’agit d’un sérieux concurrent au format H.264.
=Webm est lisible sur Firefox, Opera, et Google Chrome.
OGG/Theora:Theora est un format de compression vidéo avec perte libre. Il est développé par la Fondation Xiph.Org et distribué sans frais de licence aux côtés de leurs autres projets de médias libres et ouvertes, y compris le format audio Vorbis et le conteneur Ogg.
Convertir des vidéos dans des formats HTML5
=>OGG/Theora est lisible sur Firefox, Opera, et Google Chrome.
=>Les fichiers MP4 utilisant H.264 sont lisibles nativement sur les navigateurs Apple (Safari, Safari Mobile), Opera, Google Chrome et Firefox depuis la version 34.
Webm:Webm un codec gratuit et libre de droits, récent. Lancé par Google, il s’agit d’un sérieux concurrent au format H.264.
=Webm est lisible sur Firefox, Opera, et Google Chrome.
OGG/Theora:Theora est un format de compression vidéo avec perte libre. Il est développé par la Fondation Xiph.Org et distribué sans frais de licence aux côtés de leurs autres projets de médias libres et ouvertes, y compris le format audio Vorbis et le conteneur Ogg.
Convertir des vidéos dans des formats HTML5
=>OGG/Theora est lisible sur Firefox, Opera, et Google Chrome.
Compatibilité ?
Ce tableau est relatif : nos divers tests ont montré des réactions aléatoires des navigateurs face aux fichiers vidéos. Ne soyez pas surpris de voir une vidéo s'afficher un jour, et ne plus le faire ensuite... puis s'afficher à nouveau.
De plus tout dépend du matériel utilisé et de l'OS : de là, des surpises...
Ce tableau est relatif : nos divers tests ont montré des réactions aléatoires des navigateurs face aux fichiers vidéos. Ne soyez pas surpris de voir une vidéo s'afficher un jour, et ne plus le faire ensuite... puis s'afficher à nouveau.
De plus tout dépend du matériel utilisé et de l'OS : de là, des surpises...
4-Outils logiciels de conversion
Voici une liste de quelques logiciels permettant une conversion dans les formats précédemment citésMiro Video Converter
Miro Video Converter vous permet de convertir presque n’importe quelle vidéo dans les formats suivants: MP4, WebM ou Ogg Theora. Possibilité de convertir des vidéos en traitement par lot.
Une installation facile (sans adware) et une interface simplifiée, claire permettent utilisation enfantine, il suffit de glisser-déposer un fichier vidéo sur l'interface puis de choisir un des nombreux profils de conversion disponibles.
L'absence de traduction française n'est pas un handicap, seule l'absence de réglages approfondis pourrait mécontenter certains..mais ici l'intérêt c'est simplicité et efficacité !
Recommandé pour tous
http://www.mirovideoconverter.com/
Easyhtml5video
EasyHTML5video est un outil gratuit qui vous permet de créer des vidéos compatibles HTML5 en seulement 3 étapes. Sa spécificité : le résultat est une page html avec tous les codes nécessaires, avec images et vidéos dans un dossier. Il convertit dans les 3 formats usuels.
Conseillé aux webmasters avertis pour obtenir le code d'insertion ou publier directement
http://easyhtml5video.com/
HandBrake
HandBrake est un logiciel de conversion vidéo qui permet de générer des fichiers AVI, MP4, OGM et MKV à partir d'un DVD, ou de fichiers issus d'un DVD présent sur votre disque dur, notamment à destination d'appareils comme l'iPod, l'iPhone, la PSP ou l'AppleTV, mais également, pour les utilisateurs avancés, à des résolutions ou des formats plus personnalisées. Comparé aux précédents, l’interface est un peu plus complexe...http://handbrake.fr/
http://www.mirovideoconverter.com/
Easyhtml5video
EasyHTML5video est un outil gratuit qui vous permet de créer des vidéos compatibles HTML5 en seulement 3 étapes. Sa spécificité : le résultat est une page html avec tous les codes nécessaires, avec images et vidéos dans un dossier. Il convertit dans les 3 formats usuels.
Conseillé aux webmasters avertis pour obtenir le code d'insertion ou publier directement
http://easyhtml5video.com/
HandBrake
HandBrake est un logiciel de conversion vidéo qui permet de générer des fichiers AVI, MP4, OGM et MKV à partir d'un DVD, ou de fichiers issus d'un DVD présent sur votre disque dur, notamment à destination d'appareils comme l'iPod, l'iPhone, la PSP ou l'AppleTV, mais également, pour les utilisateurs avancés, à des résolutions ou des formats plus personnalisées. Comparé aux précédents, l’interface est un peu plus complexe...http://handbrake.fr/
Super Téléchargement direct
SUPER (pour Simplified Universal Player Encoder & Renderer) convertit n'importe quel format en n'importe quel autre.L' interface est simple : il suffit de glisser/déplacer un fichier vidéo vers la fenêtre du logiciel et de choisir le conteneur, le codec vidéo et le codec audio.
Attention aux adwares Lors de l'installation, le programme installera également 2 "services" : lollipop et software updater ainsi qu'une extension pour navigateur nommée "Défault Tab" aussi faut-il éviter ce logiciel pourtant performant et efficace !
Freemake Video Converter : un bon outil mais attention à l'installation : adwares ! faire l'installation personnalisée " et décocher les logiciels supplémentaires proposés, refuser ce qui est proposé en supplément, et ne pas cliquer sur le Gold Pack s'affichant lors du lancement du programme.
SUPER (pour Simplified Universal Player Encoder & Renderer) convertit n'importe quel format en n'importe quel autre.L' interface est simple : il suffit de glisser/déplacer un fichier vidéo vers la fenêtre du logiciel et de choisir le conteneur, le codec vidéo et le codec audio.
Attention aux adwares Lors de l'installation, le programme installera également 2 "services" : lollipop et software updater ainsi qu'une extension pour navigateur nommée "Défault Tab" aussi faut-il éviter ce logiciel pourtant performant et efficace !
Freemake Video Converter : un bon outil mais attention à l'installation : adwares ! faire l'installation personnalisée " et décocher les logiciels supplémentaires proposés, refuser ce qui est proposé en supplément, et ne pas cliquer sur le Gold Pack s'affichant lors du lancement du programme.
convertit des fichiers de tout format : vidéo, audio, images et fichiers d'image ISO.
Très complet, FormatFactory donnera en effet la possibilité de convertir simplement ses fichiers à partir et vers une trentaine de formats des plus connus (JPG, PNG, AVI, MP4, MP3, AAC, etc.) aux plus rares comme les fichiers AMR, M4A, OGG, FLAC, etc.
La procédure est simplissime et automatique. Une fois le format de sortie et les fichiers sélectionnés, mais FormatFactory permet tout de même de configurer quelques options afin d'obtenir le rapport souhaité entre taille de fichier et qualité.
Quick media converter
utilitaire de conversion vidéo " couteau suisse " qui vous offrira la possibilité de convertir vos vidéos vers de nombreux formats. Disposant d'un " Mode Facile " et d'un " Mode Expert ", il satisfera avec aisance un très large public.
L'interface spécifique peut ne pas plaire...
Media Info
L'application MediaInfo permet d'analyser une grande partie des fichiers multimédias dont les vidéos, il fournit des informations techniques (codecs utilisés...) et des méta-données à propos de fichiers video ou audio. Il faut savoir que le logiciel n'est pas un lecteur proprement dit. Il travaille seulement en concert avec le lecteur de votre choix.
ATTENTION La version installable de MediaInfo installe désormais l'adware opencandy sans choix de suppression durant l'installation. MAIS la version Portable n' a pas de logiciel espion, ausi cette version est obligatoire : MediaInfo Portable via Commentçamarche
5-Syntaxe HTML
La balise <video> (nouvelle balise HTML5) permet de lire des fichiers ou des flux vidéo directement dans la page en proposant un lecteur intégré avec des contrôles génériques tels que lecture, pause, positionnement dans la vidéo et contrôle du volume. Lorsque le fichier vidéo n'est pas trouvé ou que son format n'est pas supporté, le lecteur n'est pas visible pour certains navigateurs .
La balise <source> permet de définir au sein de l'élément <video> plusieurs ressources alternatives au cas où le navigateur ne supporterai pas le format initialement spécifié dans l'attribut "src" (il faut alors supprimer l'attribut "src" et spécifier les différents fichiers par ordre de priorité dans les balises <source>).
Syntaxe générale
La syntaxe de base de la balise video est extrêmement simple :
Propriétés pour la balise video
Propriétés Définition Valeurs
autoplay Indique que le fichier vidéo doit être lu automatiquement lorsqu'il est chargé autoplay
controls Affiche les différentes fonctionnalités du lecteur (lecture, pause, volume ...) controls
loop Indique au lecteur de lire la vidéo en boucle loop
muted Indique au lecteur de désactiver le son de la vidéo muted
poster Spécifie une image arriére plan à afficher tant que la vidéo n'est pas lancée URL
preload Spécifie le mode de chargement du fichier vidéo à l'ouverture de la page auto metadata none
src URL du fichier vidéo qui sera lu URL
ex <video src="adresseURL" controls poster="image.jpg" width="600"></video>
A savoir :
-On ne peut pas forcer le préchargement de la vidéo, c'est toujours le navigateur qui décide.
-Les proportions de la vidéo sont toujours conservées. Si vous définissez une largeur et une hauteur, le navigateur fera en sorte de ne pas dépasser les dimensions indiquées mais il conservera les proportions.
-pour proposer différents formats vidéo, vous utiliserez la balise <source> à l'intérieur de la balise <video>
Le navigateur prendra celui qu'il reconnaît :
<video controls="controls">
<source src="adresseURLvideo.mp4" type="video/mp4" />
<source src="adresseURLvideo.webm" type="video/webm" />
<source src="adresseURLvideo.ogv" type="video/ogg" />
Ici votre texte, alternative à la vidéo : un lien de téléchargement, un message, etc.
</video>
Les iPhone, iPad et iPod ne reconnaissent à l'heure actuelle que le format H.264 (fichier .mp4)… et uniquement si celui-ci apparaît en premier dans la liste !
A SAVOIR :le code HTML5 et Blogger
Le code HTML 4 concernant les vidéos est transformé automatiquement et systématiquement par l'éditeur HTML de Blogger !
ainsi ce code
---------------------------------------------
<video src="ADRESSE URL" controls>
Votre navigateur n'est pas à jour !
</video>
devient :
<video controls="" src="ADRESSE URL">
Votre navigateur n'est pas à jour !
</video>
---------------------------------------
ce qui n'empêche pas la vidéo de fonctionner !
A SAVOIR :le code HTML5 et Blogger
Le code HTML 4 concernant les vidéos est transformé automatiquement et systématiquement par l'éditeur HTML de Blogger !
ainsi ce code
---------------------------------------------
<video src="ADRESSE URL" controls>
Votre navigateur n'est pas à jour !
</video>
devient :
<video controls="" src="ADRESSE URL">
Votre navigateur n'est pas à jour !
</video>
---------------------------------------
ce qui n'empêche pas la vidéo de fonctionner !
6-Tests d'affichage
Test à partir d'un fichier original de 76 mo réencodé avec MIRO ainsi :
-Format mp4 (codecs video : avc/h264 et audio : aac) poids 31 mo
-Format webm (codecs video : vp8 et audio : vorbis) poids 18 mo
-Format ogv (codecs video : theora et audio : vorbis) poids 76 mo
Vidéo avec les 3 fichiers alternatifs (mp4/webm/ogv) : le navigateur prend et affiche celui qu'il reconnaît :
7-Conclusion :
Quel format/codec vidéo utiliser pour afficher une vidéo sur le net (blog, site web) ?
-Pour afficher une vidéo, en se simplifiant, nous recommandons le format MP4 avec les codecs "avc /h.264" en video et "AAC" en audio, actuellement le meilleur couple format/codec vidéo, codec audio. Avec ce format il vous sera possible de voir vos vidéos sur la plupart des plateformes (sans garantie absolue !)
-Pour convertir vos vidéos simplement, facilement, rapidement, utilisez Mirovideoconverter
-L'idéal serait de convertir vos vidéos dans les 3 formats (mp4/webm/ogv) à l'aide du code indiqué ci-dessus (balise "source"), mais c'est un travail supplémentaire ! qui ne garantit même pas que votre vidéo sera lisible à 100% avec tout matériel, plateforme, Os, navigateur..
8-Sources
cet article est une synthèse des lectures de :
Test à partir d'un fichier original de 76 mo réencodé avec MIRO ainsi :
-Format mp4 (codecs video : avc/h264 et audio : aac) poids 31 mo
-Format webm (codecs video : vp8 et audio : vorbis) poids 18 mo
-Format ogv (codecs video : theora et audio : vorbis) poids 76 mo
Vidéo avec les 3 fichiers alternatifs (mp4/webm/ogv) : le navigateur prend et affiche celui qu'il reconnaît :
7-Conclusion :
Quel format/codec vidéo utiliser pour afficher une vidéo sur le net (blog, site web) ?
-Pour afficher une vidéo, en se simplifiant, nous recommandons le format MP4 avec les codecs "avc /h.264" en video et "AAC" en audio, actuellement le meilleur couple format/codec vidéo, codec audio. Avec ce format il vous sera possible de voir vos vidéos sur la plupart des plateformes (sans garantie absolue !)
-Pour convertir vos vidéos simplement, facilement, rapidement, utilisez Mirovideoconverter
-L'idéal serait de convertir vos vidéos dans les 3 formats (mp4/webm/ogv) à l'aide du code indiqué ci-dessus (balise "source"), mais c'est un travail supplémentaire ! qui ne garantit même pas que votre vidéo sera lisible à 100% avec tout matériel, plateforme, Os, navigateur..
8-Sources
cet article est une synthèse des lectures de :
Inscription à :
Articles (Atom)