Inclure une vidéo MP4 ne provenant pas de Youtube/Dailymotion dans un message.

Salut,

Si vous souhaitez insérer des vidéos au format MP4 qui ne proviennent pas de Youtube ou Dailymotion dans un message, voici un petit tuto.

Note: Les vidéos au format SWF (Flash) ne seront plus supportées par les navigateurs courant 2020.

exemple de code pour insertion d'une vidéo MP4 dans un message.

Code:

<iframe width="800" height="600" src="http://www.atelier-des-fougeres.fr/Cambam/Aide/Plugins/Aligner/alignerFR.mp4" frameborder="0" allowfullscreen></iframe>

la vidéo est hébergée sur mon site web dans ce cas.




Vidéo hébergée sur ScreenCast

Pour une vidéo MP4 hébergée sur ScreenCast, il faut d'abord récupérer la bonne adresse pour le fichier mp4

Lancer la vidéo sur ScreenCast, puis bouton de droite sur la vidéo > copier l'URL de la vidéo afin d'obtenir une URL valide. Attention, le bon menu n'apparait qu'une fois la vidéo lancée. (note, le menu n'est disponible que si la vidéo a été autorisée au téléchargement dans ses options sur ScreenCast ; voir à la fin)



Utiliser ensuite l'URL obtenue pour renseigner la source (src="mettre l'URL obtenue ici")  et mettez à jour la taille d'image dans le code pour height et width

exemple pour cette vidéo
https://www.screencast.com/t/PnijU7JP

Code:

<iframe width="960" height="720" src="https://content.screencast.com/users/dh42/folders/CamBam%20Video/media/60375796-bb75-425c-9535-0b25e2d9960a/Set_defaultPP_Mach3_arcs.mp4" frameborder="0" allowfullscreen></iframe>

Il est important de mettre les bonnes valeurs pour height et width afin de ne pas avoir de déformation de l'image ou de perte de qualité.




Autoriser le téléchargement de la vidéo pour les utilisateurs.

C'est nécessaire pour pouvoir récupérer l'adresse de la vidéo chez Screencast.



Connaitre la taille en pixels de la vidéo



le lien Share URL fonctionne si copié dans une page de Métabricoleur ou Usinages, mais ce n'est qu'un lien qui ouvre un autre onglet de visualisation, la vidéo n'est pas intégrée dans le message.

Le lien Embed code ne fonctionne pas sur les pages de Métabricoleur ou Usinages, d’où la manip manuelle expliquée ci-dessus.

++
David