{"id":32,"date":"2020-11-04T13:23:00","date_gmt":"2020-11-04T18:23:00","guid":{"rendered":"https:\/\/protasar.pourleweb.ca\/devoirs\/devoir6\/?p=32"},"modified":"2020-12-06T22:32:20","modified_gmt":"2020-12-07T03:32:20","slug":"video-page-web","status":"publish","type":"post","link":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/video-page-web\/","title":{"rendered":"Ins\u00e9rer une vid\u00e9o dans une page web"},"content":{"rendered":"\n<p class=\"has-text-align-center has-accent-background-color has-text-color has-background\" style=\"color:#ffffff\"><strong>Apprenez \u00e0 ins\u00e9rer une vid\u00e9o YouTube dans une page HTML ou dans une page ou article WordPress.<\/strong><\/p>\n\n\n\n<!--more-->\n\n\n\n<h2>Ins\u00e9rer une vid\u00e9o dans une page HTML<\/h2>\n\n\n\n<p>Pour ins\u00e9rer une vid\u00e9o dans une page HTML, suivez les \u00e9tapes suivantes :<\/p>\n\n\n\n<ol type=\"1\"><li>Rep\u00e9rer la vid\u00e9o d\u00e9sir\u00e9e sur YouTube;<\/li><li>Sous la vid\u00e9o, cliquer sur le lien&nbsp;<strong>Partager<\/strong>;<\/li><li>Dans la boite de dialogue, cliquer sur&nbsp;<strong>Int\u00e9grer<\/strong>, \u00e0 gauche;<\/li><li>Dans le volet de droite, copier l\u2019extrait de code HTML (\u00e9l\u00e9ment &lt;iframe&gt;);<\/li><li>Dans l\u2019\u00e9diteur de texte, coller le code \u00e0 l\u2019endroit d\u00e9sir\u00e9.<br><strong>Note :&nbsp;<\/strong>Pour centrer la vid\u00e9o, il suffit de coller le code dans un conteneur div et d\u2019ajuster la largeur et les marges (auto) de l\u2019\u00e9l\u00e9ment div dans le code CSS.<\/li><\/ol>\n\n\n\n<h2>Ins\u00e9rer une vid\u00e9o dans WordPress<\/h2>\n\n\n\n<p>Pour ins\u00e9rer une vid\u00e9o dans une page HTML, suivez les \u00e9tapes suivantes :<\/p>\n\n\n\n<ol type=\"1\"><li>Rep\u00e9rer la vid\u00e9o d\u00e9sir\u00e9e sur YouTube;<\/li><li>Sous la vid\u00e9o, cliquer sur le lien&nbsp;<strong>Partager<\/strong>;<\/li><li>Dans la boite de dialogue, cliquer sur&nbsp;<strong>Copier<\/strong>, \u00e0 droite du lien de partage;<\/li><li>Dans l\u2019\u00e9diteur de blocs WordPress, coller le lien \u00e0 l\u2019endroit d\u00e9sir\u00e9.<\/li><\/ol>\n\n\n\n<p>WordPress cr\u00e9e automatiquement le code n\u00e9cessaire \u00e0 l\u2019insertion de la vid\u00e9o.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"HTML5 \/ CSS3 - 25 - Insertion vid\u00e9o Youtube\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/WWw72t7J30c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Voici une vid\u00e9o explicative sur comment ins\u00e9rer une vid\u00e9o youtube dans un document HTML.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ins\u00e9rer une vid\u00e9o YouTube dans une page HTML ou dans une page ou article WordPress.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,5],"tags":[6],"_links":{"self":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts\/32"}],"collection":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":3,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts\/32\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts\/32\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/categories?post=32"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/tags?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}