{"id":1271,"date":"2016-09-19T13:27:57","date_gmt":"2016-09-19T11:27:57","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=1271"},"modified":"2016-09-19T14:59:07","modified_gmt":"2016-09-19T12:59:07","slug":"inserer-une-video-dans-une-page-ou-un-article","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/inserer-une-video-dans-une-page-ou-un-article\/","title":{"rendered":"Ins\u00e9rer une vid\u00e9o dans une page ou un article"},"content":{"rendered":"

Par d\u00e9faut (et contrairement \u00e0 un site WordPress \u00ab\u00a0standalone\u00a0\u00bb comme vous en avez peut-\u00eatre pour votre \u00e9quipe ou pour vos conf\u00e9rences), les r\u00e9seaux de sites WordPress (ou WordPress Multi-Sites) bloquent la possibilit\u00e9 d’inclure directement des vid\u00e9os.
\nCeci est simplement du au fait que l’\u00e9diteur de pages ou d’articles est brid\u00e9 : vous ne pouvez pas inclure dans vos pages certaines balises HTML, n\u00e9cessaires pour l’inclusion de m\u00e9dias externes (ici la balise <iframe>), mais qui posent de nombreux probl\u00e8mes de s\u00e9curit\u00e9. Si vous essayez de saisir d’autres codes \u00ab\u00a0plus malveillants\u00a0\u00bb, vous constaterez sans doute qu’ils seront \u00e9galement \u00e9limin\u00e9s.<\/p>\n

Coutournement pour l’inclusion de videos<\/h2>\n

Nous avons donc ajout\u00e9 un plugin qui permet de g\u00e9n\u00e9rer sp\u00e9cifiquement cette balise <iframe> par l’interm\u00e9diaire d’un shortcode, qui accepte les m\u00eames arguments que la balise.
\nL’emploi g\u00e9n\u00e9ral de ce shortcode est le suivant :
\nPour remplacer la balise<\/p>\n

\r\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/pOtuqYzJTsM\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n<\/pre>\n
tapez le shortcode :<\/p>\n
\r\n[iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/pOtuqYzJTsM\" frameborder=\"0\" allowfullscreen]\r\n<\/pre>\n
Comment utiliser le plugin IFRAME ?<\/h2>\n
    \n
  • Il faudra donc d’abord r\u00e9cup\u00e9rer le \u00ab\u00a0bon\u00a0\u00bb document sur le serveur de streaming, c’est \u00e0 dire celui au mode \u00ab\u00a0embed\u00a0\u00bb (permettant donc l’inclusion dans une page locale).<\/li>\n
  • Commencez par rep\u00e9rer, sur YouTube ou un autre serveur vid\u00e9o offrant cette facilit\u00e9, la vid\u00e9o de votre choix.\n
    \n\"ajout<\/div>\n<\/li>\n
  • Sous la vid\u00e9o apparaissent certaines options :\n
    \n\"ajout<\/div>\n
    Cliquez sur Partager<\/b>\n<\/li>\n
  • Une nouvelle barre apparait, ne choisissez pas l’option Partager<\/b>, mais cliquez sur Int\u00e9grer<\/b>\n
    \n\"ajout<\/div>\n<\/li>\n
  • Un nouveau code apparait, , avec les balises <iframe> et le mode embed<\/b>\n
    \n\"ajout<\/div>\n
    Copiez l’ensemble du code.\n<\/li>\n
  • Retournez \u00e0 la page de votre site dans laquelle vous allez ins\u00e9rer la vid\u00e9o. Passez en \u00c9dition<\/b>, et mettez votre \u00e9diteur en mode Texte<\/b>. \u00c0 l’endroit ou vous voulez ins\u00e9rer la vid\u00e9o, collez le code pr\u00e9c\u00e9demment copi\u00e9. N’enregistrez pas, ce code est incompatible avec les r\u00e9glages de votre \u00e9diteur ! Il va d’abord falloir le modifier !\n<\/li>\n
  • Comme vu plus hait dans la syntaxe globale du shortcode, la modification est simple :\n
      \n
    • supprimez la balise fermante <\/iframe><\/b><\/li>\n
    • dans la balise ouvrante, remplacez <<\/b> par [<\/b> et ><\/b> par ]<\/b>, de mani\u00e8re \u00e0 obtenir [iframe width='560' height='315' src='https:\/\/www.youtube.com\/embed\/pOtuqYzJTsM' frameborder='0' allowfullscreen]<\/b><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
      Enregistrez le document, et cliquez sur \u00ab\u00a0Voir la page\u00a0\u00bb dans votre menu haut, vous devriez voir la vid\u00e9o directement dans votre page !<\/p>\n
      Et voici donc le r\u00e9sultat :<\/p>\n\n\n