{"id":397,"date":"2024-06-25T16:04:42","date_gmt":"2024-06-25T14:04:42","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=397"},"modified":"2024-09-23T11:10:31","modified_gmt":"2024-09-23T09:10:31","slug":"video","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/video\/","title":{"rendered":"Vid\u00e9o"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Vid\u00e9o<\/h1>\n\n\n\n<p>Lorsqu\u2019une vid\u00e9o est int\u00e9gr\u00e9e dans un contenu \u00e9ditorial, elle est pr\u00e9sent\u00e9e par d\u00e9faut en format 16:9&nbsp;et peut int\u00e9grer une l\u00e9gende et&nbsp;un lien pour afficher la transcription.&nbsp;L\u2019Iframe g\u00e9n\u00e9r\u00e9e par l\u2019h\u00e9bergeur de la vid\u00e9o peut \u00eatre diff\u00e9rent du ratio par d\u00e9faut de 16:9.<\/p>\n\n\n\n<p>Les ratios de vid\u00e9os 16:9, 4:3 et 1:1, sont \u00e0 utiliser dans le respect de la grille responsive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Usages<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utilisez des images et vid\u00e9os qui v\u00e9hiculent un message clair.<\/li>\n\n\n\n<li>Veillez \u00e0 homog\u00e9n\u00e9iser le style graphique de vos images et vid\u00e9os.<\/li>\n\n\n\n<li>Utilisez exclusivement des images, photos et vid\u00e9os libres de droit ou veiller \u00e0 vous acquitter des droits.<\/li>\n\n\n\n<li>Ne pas activer la lecture automatique pour respecter les normes d&rsquo;accessibilit\u00e9.<\/li>\n\n\n\n<li>Laisser les commandes de lectures accessibles au visiteur.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Exemple de bloc vid\u00e9o en taille MD<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/video-exemple-drapeau-francais-2.mp4\"><\/video><figcaption class=\"wp-element-caption\">Vid\u00e9o d&rsquo;exemple drapeau franc\u0327ais<\/figcaption><\/figure>\n\n\n\n<div class=\"fr-accordions-group\">\n<div class=\"fr-accordion\">\n<h3 class=\"fr-accordion__title\"><button aria-expanded=\"false\" class=\"fr-accordion__btn\" aria-controls=\"fr-collapse-2e3c\">Transcription<\/button><\/h3>\n\n\n\n<div role=\"region\" class=\"fr-collapse\" id=\"fr-collapse-2e3c\"><div>\n<p>Utiliser le bloc accord\u00e9on pour afficher la transcription de votre contenu vid\u00e9o.<\/p>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vid\u00e9o Lorsqu\u2019une vid\u00e9o est int\u00e9gr\u00e9e dans un contenu \u00e9ditorial, elle est pr\u00e9sent\u00e9e par d\u00e9faut en format 16:9&nbsp;et peut int\u00e9grer une l\u00e9gende et&nbsp;un lien pour afficher la transcription.&nbsp;L\u2019Iframe g\u00e9n\u00e9r\u00e9e par l\u2019h\u00e9bergeur de la vid\u00e9o peut \u00eatre diff\u00e9rent du ratio par d\u00e9faut de 16:9. Les ratios de vid\u00e9os 16:9, 4:3 et 1:1, sont \u00e0 utiliser dans le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":30,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/empty-page.php","meta":{"footnotes":""},"class_list":["post-397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":4,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/397\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/397\/revisions\/541"}],"up":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/30"}],"wp:attachment":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/media?parent=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}