CCM - Ajouter une vidéo dans un article

Septembre 2016

Les Contributeurs de CCM peuvent désormais incorporer des vidéos au sein de leurs articles.

Cette fonction est disponible pour :


Le principe

  • Utiliser les balises wiki <video> source code vidéo </video>
  • Actuellement, les vidéos sont autorisées depuis :
    • YouTube
    • DailyMotion
  • Si vous essayez d'inclure une vidéo "interdite" (autre que celles citées ci-dessus), elle sera remplacée par "Forbidden content" quand vous la modifierez.

Mode d'emploi

/!\ Le lecteur de ccm ayant été quelque peu modifié, il faut changer un bout du code :
Remplacer
<iframe frameborder="0" width="560" height="315"
par
<iframe class="jccmPlayer" style="position:absolute;width:100%;height:100%;" frameborder="0"

Insertion d'une vidéo depuis YouTube

  • Consultez la vidéo sur YouTube.
  • Sous la vidéo, cliquez sur "Partager" puis "Intégrer".
  • Copiez/collez le contenu de la boîte sélectionnée dans la capture dans votre article CCM, entre 2 balises <video> source code vidéo </video>



Au final, vous obtenez quelque chose comme :

Ancien code :

<video>
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/ShwGKs" frameborder="0" allowfullscreen></iframe>
</video>


Nouveau code :
<video>
<iframe class="jccmPlayer" style="position:absolute;width:100%;height:100%;" frameborder="0" src="https://www.youtube.com/embed/vztfUk" frameborder="0" allowfullscreen></iframe>
</video>

Insertion d'une vidéo depuis DailyMotion

  • Consultez la vidéo sur Dailymotion.
  • Cliquez sur "Code embed".
  • Copiez/collez le contenu de la boîte "Copier le code embed" dans la capture dans votre article CCM, entre 2 balises <video> source code vidéo </video> (vous pouvez supprimer la fin du code qui génère les liens sous la vidéo) .



Il va de soi que toute vidéo n'apportant rien à l'article sera supprimée par les équipes de modération.

A voir également :

Ce document intitulé «  CCM - Ajouter une vidéo dans un article  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.