{"id":798,"date":"2020-06-25T07:26:10","date_gmt":"2020-06-25T07:26:10","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=798"},"modified":"2020-10-14T15:22:32","modified_gmt":"2020-10-14T15:22:32","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/","title":{"rendered":"YouTube Gallery &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 1: YouTube channel<\/h3><div class=\"application-examples-item-description\">Ici, le widget est utilis\u00e9 pour afficher l'int\u00e9gralit\u00e9 de la cha\u00eene vid\u00e9o de YouTube. Il suffit de copier-coller le nom de la cha\u00eene pour l'afficher sur le site. Tous les attributs originaux de YouTube sont ici: en-t\u00eate avec logo, image et nom de la cha\u00eene, divers comptes et zone de recherche. Ceci est un bon exemple de la fa\u00e7on dont vous pouvez promouvoir votre cha\u00eene YouTube \u00e0 travers le site avec des boutons d'appel \u00e0 l'action pour le partage direct et l'abonnement.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=4a2b793e-6aff-4692-9fbb-53c348b2ebc0&padding=20px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 2: YouTube video gallery<\/h3><div class=\"application-examples-item-description\">L'en-t\u00eate \u00e9tant d\u00e9sactiv\u00e9, vous avez plus de place pour afficher le contenu. Dans cet exemple, le widget n'affiche qu'une grille de vid\u00e9os, sans nom ni image de cha\u00eene. La mise en page classique r\u00e9v\u00e8le la description et le nombre de vid\u00e9os. Le contenu est r\u00e9parti sur trois colonnes et deux lignes avec pagination. Un moyen fluide de concentrer l'attention sur les vid\u00e9os sans attributs suppl\u00e9mentaires.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=09957b13-6cac-4ddd-ae23-97504360120d\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 3: Playlists with clear navigation<\/h3><div class=\"application-examples-item-description\">Organiser le contenu en plusieurs listes de lecture pour votre site n'est pas un travail difficile. Vous pouvez copier-coller les URL des listes de lecture d\u00e9j\u00e0 existantes ou cr\u00e9er vos propres groupes directement dans le widget. Le menu est l\u00e0 pour faciliter la navigation entre les groupes pour votre visiteur. L'en-t\u00eate avec le logo de la cha\u00eene et tous les chiffres offrent aux t\u00e9l\u00e9spectateurs une v\u00e9ritable exp\u00e9rience YouTube sur le site.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=898fe8dd-0bd6-4be1-a3ec-a8f6d99b8240&padding=20px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Cr\u00e9er un widget<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 4: Video list<\/h3><div class=\"application-examples-item-description\">Dans ce cas, la disposition horizontale permet d'organiser les vid\u00e9os dans une liste avec beaucoup d'espace pour la description et d'autres d\u00e9tails. Ils vont dans le sens des aper\u00e7us et occupent une partie consid\u00e9rable de l'espace ce qui permet d'attirer l'attention sur eux. Ce type d'organisation est utile si vous souhaitez non seulement montrer des vid\u00e9os, mais aussi faire lire et mieux percevoir le contenu textuel par les visiteurs.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=db95a51d-5555-4486-be1e-ab1b840643a9&padding=20px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 5: A minimalist video grid<\/h3><div class=\"application-examples-item-description\">Ce cas montre comment vous pouvez cr\u00e9er une galerie de vid\u00e9os s\u00e9lectionn\u00e9es et la pr\u00e9senter sur votre site Web dans un format propre. La grille affiche uniquement un aper\u00e7u de chaque vid\u00e9o, sans aucun d\u00e9tail ni bouton d'appel \u00e0 l'action, l'en-t\u00eate est \u00e9galement d\u00e9sactiv\u00e9. Ainsi, vous pouvez concentrer l'attention du spectateur sur le contenu lui-m\u00eame. Le nombre de colonnes et de lignes peut \u00eatre modifi\u00e9 et vous pouvez trouver les bonnes proportions pour votre page.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=19f545ad-06f4-4307-96ee-939b64b96833\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 6: A single video<\/h3><div class=\"application-examples-item-description\">S'il est n\u00e9cessaire d'ins\u00e9rer une seule vid\u00e9o sur le site, cet exemple montre \u00e0 quoi elle ressemblera. Juste une image d'aper\u00e7u, sans aucune information suppl\u00e9mentaire. Il peut \u00eatre bien ins\u00e9r\u00e9 dans une zone de contenu, par exemple pour illustrer le texte. Vous pouvez ins\u00e9rer plusieurs vid\u00e9os uniques sur le site o\u00f9 vous le jugez n\u00e9cessaire.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=b9b6d095-c278-43a2-be38-b886f428fc33\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":776,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-798","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Les exemples de la galerie des vid\u00e9os YouTube pour le site Web (en 2023)<\/title>\n<meta name=\"description\" content=\"TOP 5 des exemples de galerie vid\u00e9o YouTube: cha\u00eene, galerie vid\u00e9o, liste de vid\u00e9os, le reseau vid\u00e9o et autres mod\u00e8les pour votre site Web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les exemples de la galerie des vid\u00e9os YouTube pour le site Web (en 2023)\" \/>\n<meta property=\"og:description\" content=\"TOP 5 des exemples de galerie vid\u00e9o YouTube: cha\u00eene, galerie vid\u00e9o, liste de vid\u00e9os, le reseau vid\u00e9o et autres mod\u00e8les pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-14T15:22:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les exemples de la galerie des vid\u00e9os YouTube pour le site Web (en 2023)","description":"TOP 5 des exemples de galerie vid\u00e9o YouTube: cha\u00eene, galerie vid\u00e9o, liste de vid\u00e9os, le reseau vid\u00e9o et autres mod\u00e8les pour votre site Web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les exemples de la galerie des vid\u00e9os YouTube pour le site Web (en 2023)","og_description":"TOP 5 des exemples de galerie vid\u00e9o YouTube: cha\u00eene, galerie vid\u00e9o, liste de vid\u00e9os, le reseau vid\u00e9o et autres mod\u00e8les pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-14T15:22:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/","url":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/","name":"Les exemples de la galerie des vid\u00e9os YouTube pour le site Web (en 2023)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-06-25T07:26:10+00:00","dateModified":"2020-10-14T15:22:32+00:00","description":"TOP 5 des exemples de galerie vid\u00e9o YouTube: cha\u00eene, galerie vid\u00e9o, liste de vid\u00e9os, le reseau vid\u00e9o et autres mod\u00e8les pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"YouTube Gallery","item":"https:\/\/elfsight.com\/fr\/youtube-channel-plugin-yottie\/"},{"@type":"ListItem","position":3,"name":"YouTube Gallery &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"760","h1":"","h1_caption":"Examinez les exemples de galeries de vid\u00e9os du site Web pour r\u00e9v\u00e9ler tout le potentiel du widget. Assurez-vous qu'il conviendra \u00e0 tous vos objectifs.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=798"}],"version-history":[{"count":6,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/798\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/798\/revisions\/804"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/776"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}