{"id":1173,"date":"2020-06-17T14:40:40","date_gmt":"2020-06-17T14:40:40","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=1173"},"modified":"2020-09-27T17:10:01","modified_gmt":"2020-09-27T17:10:01","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/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\">Beispiel 1. Video-Schaufenster<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen Ihre Videos in einer stilvollen Sammlung auf Ihrer Website anordnen. Mit der Wiedergabetyp des Players k\u00f6nnen Sie jedes Video genau dort ansehen und gleichzeitig sehen, was als n\u00e4chstes auf der Wiedergabeliste steht. Benutzer k\u00f6nnen mithilfe von Ziehen oder Pfeilen schieben und mit einem Klick zwischen den Videos wechseln.<\/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\">Beispiel 2. Vimeo-Kanal-Widget<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen Ihr Vimeo-Konto bewerben und neue Follower gewinnen - binden Sie Vimeo einfach in Ihre Homepage ein. In diesem Beispiel sind Videos in einem Raster 2x2 angeordnet, und das Widget verf\u00fcgt \u00fcber die Kopfzeile, in der Benutzer den Namen des Kanals und die Schaltfl\u00e4che \u201eAbonnieren\u201c sehen k\u00f6nnen. Jedes Video wird zur besseren Benutzererfahrung im Popup ge\u00f6ffnet.<\/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\">Beispiel 3. Videokarussell<\/h3><div class=\"application-examples-item-description\">Hier ist eine perfekte Variante, um eine Sammlung von Videos in die Inhaltszone zu integrieren. Dieses Widget sieht sauber aus, wenn alle zus\u00e4tzlichen Elemente ausgeschaltet sind. Es werden nur Videos mit Namen in einem Schieberegler angezeigt, der durch Ziehen oder Pfeile verschoben werden kann. Benutzer k\u00f6nnen Videos im Popup-Modus direkt auf der Seite ansehen.<\/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\">Beispiel 4. Videoliste<\/h3><div class=\"application-examples-item-description\">Dieses Beispiel zeigt, wie Sie Ihre Videosammlung an einer prominenten Stelle der Webseite platzieren und ordentlich und sauber gestalten k\u00f6nnen. Mit dem Gridlayout k\u00f6nnen Sie Videos einzeln in einer Liste anordnen, durch d\nie Benutzer scrollen k\u00f6nnen.<\/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\">Beispiel 5. Playlist-Player<\/h3><div class=\"application-examples-item-description\">Wenn Sie eine Wiedergabeliste erstellen m\u00fcssen, die Benutzer durch einige Phasen f\u00fchrt oder eine Chronologie demonstriert, ist das Layout der Wiedergabeliste die beste Option. Es wird die geordnete Liste der Videos mit Nummern angezeigt und Benutzer k\u00f6nnen der Reihenfolge folgen. In Kombination mit dem Inline-Wiedergabemodus bildet dieses Layout ein Widget, das sich ideal f\u00fcr die Pr\u00e4sentation von Tutorials oder Online-Lektionen eignet.<\/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\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\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\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/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\">Widget erstellen<\/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\">Beispiel 6. Portfolio<\/h3><div class=\"application-examples-item-description\">Mit der Elfsight Vimeo Gallery k\u00f6nnen Sie das Beste aus Ihren Projekten hervorheben und auf minimalistische und beeindruckende Weise zeigen. Mithilfe des Gridlayouts k\u00f6nnen Sie die gesamte Seite mit Videos kacheln und sogar den Rinnenraum zwischen ihnen variieren. Dies ist eine perfekte M\u00f6glichkeit, Ihr Portfolio auf der Hauptseite zu demonstrieren.<\/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\">Beispiel 7. Video<\/h3><div class=\"application-examples-item-description\">Wenn Sie nur ein Video auf der Webseite installieren m\u00fcssen und nicht gen\u00fcgend Speicherplatz haben, k\u00f6nnen Sie das Elfsight-Widget verwenden, um seine Gr\u00f6\u00dfe und den Wiedergabemodus zu variieren. In diesem Beispiel gibt es Tasten der Reaktion und des Teilens. Die Videos werden direkt im Widget abgespielt und hier befindet sich eine Steuerleiste mit den \u00fcblichen Optionen des Vimeo-Players.<\/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\">Beispiel 8. Channel widget<\/h3><\/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\">Beispiel 9. Video Slider<\/h3><div class=\"application-examples-item-description\">Binden Sie den Vimeo Video Slider auf Ihrer Website ein! Nur die Videos, kein Header oder zus\u00e4tzliche Informationen - so konzentrieren Sie die Aufmerksamkeit auf den Inhalt und machen das Design minimalistisch. Autoslide oder Pfeile werden verwendet, um zwischen den Videos zu navigieren.<\/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":11,"featured_media":0,"parent":1162,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-1173","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>Die besten Vimeo Video-Beispiele auf einer Website<\/title>\n<meta name=\"description\" content=\"TOP 9 Vorlagen von Vimeo Widget. F\u00fcgen Sie das Widget mit wenigen Klicks auf Ihrer Website hinzu. Kostenlos. Ohne Kodierung.\" \/>\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\/de\/vimeo-video-gallery-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Die besten Vimeo Video-Beispiele auf einer Website\" \/>\n<meta property=\"og:description\" content=\"TOP 9 Vorlagen von Vimeo Widget. F\u00fcgen Sie das Widget mit wenigen Klicks auf Ihrer Website hinzu. Kostenlos. Ohne Kodierung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-27T17:10:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Die besten Vimeo Video-Beispiele auf einer Website","description":"TOP 9 Vorlagen von Vimeo Widget. F\u00fcgen Sie das Widget mit wenigen Klicks auf Ihrer Website hinzu. Kostenlos. Ohne Kodierung.","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\/de\/vimeo-video-gallery-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Die besten Vimeo Video-Beispiele auf einer Website","og_description":"TOP 9 Vorlagen von Vimeo Widget. F\u00fcgen Sie das Widget mit wenigen Klicks auf Ihrer Website hinzu. Kostenlos. Ohne Kodierung.","og_url":"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-09-27T17:10:01+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/","name":"Die besten Vimeo Video-Beispiele auf einer Website","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-06-17T14:40:40+00:00","dateModified":"2020-09-27T17:10:01+00:00","description":"TOP 9 Vorlagen von Vimeo Widget. F\u00fcgen Sie das Widget mit wenigen Klicks auf Ihrer Website hinzu. Kostenlos. Ohne Kodierung.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Vimeo Gallery","item":"https:\/\/elfsight.com\/de\/vimeo-video-gallery-widget\/"},{"@type":"ListItem","position":3,"name":"Vimeo Gallery &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"492","h1":"Beispiele f\u00fcr das Vimeo Widget","h1_caption":"In den Beispielen f\u00fcr Vimeo-Widgets wird das volle Potenzial des Widgets aufgezeigt.","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\/de\/wp-json\/wp\/v2\/pages\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1173\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1173\/revisions\/1175"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1162"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}