{"id":1466,"date":"2020-07-24T09:39:28","date_gmt":"2020-07-24T09:39:28","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1466"},"modified":"2020-10-12T16:25:36","modified_gmt":"2020-10-12T16:25:36","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/","title":{"rendered":"Vimeo 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: Vitrine vid\u00e9o<\/h3><div class=\"application-examples-item-description\">Vous pouvez organiser vos vid\u00e9os dans une collection propre sur votre site Web. Le type de lecture de lecteur permet de regarder chaque vid\u00e9o directement, avec une option permettant de voir ce qui se passe ensuite sur la playlist en m\u00eame temps. Les utilisateurs peuvent glisser \u00e0 l'aide de glisser ou de fl\u00e8ches, et basculer entre les vid\u00e9os en un seul clic.<\/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=1526d102-08b5-4c8b-b2ff-22bb2097effe&padding=28px+40px+40px\" width=\"100%\" height=\"850\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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: Widget utilisateur<\/h3><div class=\"application-examples-item-description\">Vous pouvez promouvoir votre compte Vimeo et attirer de nouveaux abonn\u00e9s, si vous l'int\u00e8gre intelligemment dans votre site Web. Dans cet exemple, les vid\u00e9os sont organis\u00e9es dans une grille 2x2, et le widget \u00e0 l'en-t\u00eate o\u00f9 les utilisateurs peuvent voir le nom de la cha\u00eene et s'abonner. Chaque vid\u00e9o s'ouvre en popup pour une exp\u00e9rience immersive.<\/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=6489a64f-ce80-41c2-8ed1-906f4739805f&padding=28px+40px+40px\" width=\"100%\" height=\"850\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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: Carrousel vid\u00e9o<\/h3><div class=\"application-examples-item-description\">Voici une variante parfaite pour int\u00e9grer une collection de vid\u00e9os dans la zone de contenu. Ce widget a l'air propre avec tous les \u00e9l\u00e9ments suppl\u00e9mentaires d\u00e9sactiv\u00e9s. Il montre simplement des vid\u00e9os avec des noms, dans un curseur qui peut \u00eatre d\u00e9plac\u00e9 en faisant glisser ou en fl\u00e8ches. Les utilisateurs peuvent regarder des vid\u00e9os en popup directement sur la 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 application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=38ca8a9a-5537-439b-a172-a8c848d04032&padding=28px+40px+40px\" width=\"100%\" height=\"500\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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: Liste des vid\u00e9os<\/h3><div class=\"application-examples-item-description\">Cet exemple montre comment vous pouvez placer votre collection de vid\u00e9os \u00e0 un endroit bien en vue de la page Web et la rendre nette et propre. La disposition en grille vous permet d'organiser les vid\u00e9os une par une dans une liste que les utilisateurs peuvent faire d\u00e9filer. Le titre du widget refl\u00e8te l'essence de la collection.<\/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=32d2bff3-07d4-4417-b1d1-4bab7014b50f&padding=28px+40px+40px\" width=\"100%\" height=\"850\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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: Playlist<\/h3><div class=\"application-examples-item-description\">Si vous avez besoin de cr\u00e9er un playlist qui guidera les utilisateurs \u00e0 travers certaines \u00e9tapes ou de d\u00e9montrer une chronologie, la mise en page de la liste de lecture est la meilleure option. Il affichera la liste ordonn\u00e9e des vid\u00e9os avec des chiffres et les utilisateurs pourront suivre la s\u00e9quence. En combinaison avec le mode de jeu en ligne, cette mise en page forme un widget id\u00e9al pour pr\u00e9senter des instructions ou des r\u00e9cits en plusieurs \u00e9tapes.<\/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=70ae497f-b6ad-4c4a-82cc-b70e886f96e0&padding=28px+40px+40px\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\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: Portfolio<\/h3><div class=\"application-examples-item-description\">Galerie Vimeo d\u2019Elfsight vous aidera \u00e0 mettre en valeur le meilleur de vos projets et \u00e0 les montrer d'une mani\u00e8re minimaliste mais impressionnante. Avec l'aide de la disposition en grille, vous pouvez mosa\u00efque toute la page avec des vid\u00e9os et m\u00eame varier l'espace de la goutti\u00e8re pour les formater proprement. Ce sera un moyen id\u00e9al de pr\u00e9senter votre portfolio sur la page principale.<\/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=f936c50a-875a-450f-810f-7f1bedc2733d&padding=28px+40px+40px\" width=\"100%\" height=\"850\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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 7:  Vid\u00e9o unique<\/h3><div class=\"application-examples-item-description\">En int\u00e9grant une seule vid\u00e9o, vous pouvez \u00e9galement varier sa taille et le mode de lecture. Ici, il occupe une place de choix sur la page et comprend des ic\u00f4nes de r\u00e9action et de partage. Les vid\u00e9os sont lues directement dans le widget et la barre de progression est l\u00e0 pour permettre toutes les options habituelles du lecteur Vimeo ici.<\/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=4da0efea-82d9-4942-9188-31dcc6a6f4cb&padding=28px+40px+40px\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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 8: Widget de cha\u00eene<\/h3><div class=\"application-examples-item-description\">Voici un exemple impressionnant d'int\u00e9gration de l'ensemble de la cha\u00eene Vimeo dans une page Web. La conception de couleur originale du canal est enti\u00e8rement pr\u00e9serv\u00e9e \u00e0 l'aide d'\u00e9l\u00e9ments d'interface pouvant \u00eatre peints. Le mode Player permet de regarder chaque vid\u00e9o directement dans le widget. Les utilisateurs peuvent v\u00e9rifier la description et les statistiques, aimer et partager, et s'abonner \u00e0 la cha\u00eene.<\/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=4a60b669-6af6-4206-ad55-78926f56b2ce&padding=28px+40px+40px\" width=\"100%\" height=\"1600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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 9: Slideshow vid\u00e9o<\/h3><div class=\"application-examples-item-description\">Cr\u00e9ez un v\u00e9ritable slideshow \u00e0 partir de vos vid\u00e9os et pr\u00e9sentez-les sur votre site gr\u00e2ce \u00e0 un curseur engageant. Seulement les vid\u00e9os, pas d'en-t\u00eate ou d'informations suppl\u00e9mentaires - c'est ainsi que vous concentrez votre attention sur le contenu et que vous rendez le design \u00e9pur\u00e9. Des diapositives automatiques ou des fl\u00e8ches sont utilis\u00e9es pour naviguer entre les vid\u00e9os et elles sont lues directement sur la page en mode Inline.<\/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=6f2c1216-b59d-4640-9a64-cb227880a6a5&padding=28px+40px+40px\" width=\"100%\" height=\"700\" 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":9,"featured_media":0,"parent":1455,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-1466","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 meilleurs exemples de vid\u00e9os Vimeo sur un site web (Showcase)<\/title>\n<meta name=\"description\" content=\"TOP 9 exemples de galerie vid\u00e9o Vimeo: carrousel, liste de lecture, diaporama, vid\u00e9o unique, etc. Exemple de widget Vimeo 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\/vimeo-video-gallery-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les meilleurs exemples de vid\u00e9os Vimeo sur un site web (Showcase)\" \/>\n<meta property=\"og:description\" content=\"TOP 9 exemples de galerie vid\u00e9o Vimeo: carrousel, liste de lecture, diaporama, vid\u00e9o unique, etc. Exemple de widget Vimeo pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-12T16:25:36+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=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les meilleurs exemples de vid\u00e9os Vimeo sur un site web (Showcase)","description":"TOP 9 exemples de galerie vid\u00e9o Vimeo: carrousel, liste de lecture, diaporama, vid\u00e9o unique, etc. Exemple de widget Vimeo 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\/vimeo-video-gallery-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs exemples de vid\u00e9os Vimeo sur un site web (Showcase)","og_description":"TOP 9 exemples de galerie vid\u00e9o Vimeo: carrousel, liste de lecture, diaporama, vid\u00e9o unique, etc. Exemple de widget Vimeo pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-12T16:25:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/","name":"Les meilleurs exemples de vid\u00e9os Vimeo sur un site web (Showcase)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-07-24T09:39:28+00:00","dateModified":"2020-10-12T16:25:36+00:00","description":"TOP 9 exemples de galerie vid\u00e9o Vimeo: carrousel, liste de lecture, diaporama, vid\u00e9o unique, etc. Exemple de widget Vimeo pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Vimeo Gallery","item":"https:\/\/elfsight.com\/fr\/vimeo-video-gallery-widget\/"},{"@type":"ListItem","position":3,"name":"Vimeo 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":"1449","h1":"","h1_caption":"","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\/1466","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=1466"}],"version-history":[{"count":7,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1466\/revisions"}],"predecessor-version":[{"id":1473,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1466\/revisions\/1473"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1455"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}