{"id":125,"date":"2020-02-12T12:27:57","date_gmt":"2020-02-12T12:27:57","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=125"},"modified":"2020-09-28T10:44:08","modified_gmt":"2020-09-28T10:44:08","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/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\">Example 1: YouTube Kanal<\/h3><div class=\"application-examples-item-description\">Dies ist ein Beispiel f\u00fcr die Verwendung des Plugins, um den gesamten Videokanal von YouTube anzuzeigen. Die einzige Sache, was Sie tun sollen - kopieren und die Kanalnamen eingeben. Hier gibt es alle originalen YouTube-Elemente: Kopfzeile mit einem Logo, einem Kanalbild und einem Namen, Z\u00e4hlern und einem Suchfeld. Bewerben Sie Ihren YouTube-Kanal mit allen Call-to-Action-Buttons zum direkten Teilen und Abonnieren.<\/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\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\">Example 2: YouTube Video Mediathek<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel zeigt das Widget nur ein Raster von Videos ohne Kanalnamen oder Bild an. Es gibt keinen Header und Sie haben viel mehr Platz f\u00fcr Ihre Inhalte. Der Inhalt ist in drei Spalten und zwei Zeilen mit Paginierung. Es ist der beste Weg, die Aufmerksamkeit der Nutzer auf die Sie Ihre Videos zu konzentrieren.<\/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\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\">Example 3: Playlist<\/h3><div class=\"application-examples-item-description\">Es ist ganz einfach Ihre Videos in wenigen Playlisten direkt auf Ihrer Website zu organisieren. Sie k\u00f6nnen die URLs Ihrer YouTube-Playlisten kopieren und einf\u00fcgen oder eigene Gruppen direkt im Widget erstellen. Das Men\u00fc macht die Navigation einfacher f\u00fcr die Benutzer.<\/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\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\">Example 4: Horizontal Layout<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel k\u00f6nnen Sie mit Hilfe des Plugins Ihre Videos in einer Liste strukturieren\nAuf diese Weise, Sie haben mehr Platz f\u00fcr die Beschreibung und andere Details. \nDer Benutzer kann Videos und Beschreibungen in der Vorschau sehen und sie werden von Ihren Inhalten mehr anziehen.<\/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\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\">Example 5: Minimalistsches Video Grid<\/h3><div class=\"application-examples-item-description\">Dieses Beispiel zeigt, wie Sie eine Galerie ausgew\u00e4hlter Videos erstellen und auf praktische Weise auf Ihrer Website pr\u00e4sentieren k\u00f6nnen. Die Grid zeigt nur eine Vorschau jedes Video, ohne Details und Call-to-Action-Buttons, wird der Header auch ausgeschaltet. Verwenden Sie die Vorlage, um die Aufmerksamkeit aller Benutzer auf Ihre Videos zu lenken.<\/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\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\">Example 6: Nur ein Video<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen auch nur ein Video in Ihre Website einbinden. Dies ist das Beispiel f\u00fcr Sie. Es gibt nur ein Vorschaubild ohne zus\u00e4tzliche Informationen.Es kann auch in einen Inhaltsbereich eingebettet werden, zum Beispiel den Text zu erl\u00e4utern.<\/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":11,"featured_media":0,"parent":106,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>TOP 6 Beispiele wie YouTube Video Plugin auf Website einbinden<\/title>\n<meta name=\"description\" content=\"Beispiele des YouTube Video Widgets: so Videos und Kan\u00e4le auf Webseite einbinden schnelle and kostenlos. YouTube Galerie auf Website einfach erstellen.\" \/>\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\/youtube-channel-plugin-yottie\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TOP 6 Beispiele wie YouTube Video Plugin auf Website einbinden\" \/>\n<meta property=\"og:description\" content=\"Beispiele des YouTube Video Widgets: so Videos und Kan\u00e4le auf Webseite einbinden schnelle and kostenlos. YouTube Galerie auf Website einfach erstellen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-28T10:44:08+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=\"2 Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TOP 6 Beispiele wie YouTube Video Plugin auf Website einbinden","description":"Beispiele des YouTube Video Widgets: so Videos und Kan\u00e4le auf Webseite einbinden schnelle and kostenlos. YouTube Galerie auf Website einfach erstellen.","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\/youtube-channel-plugin-yottie\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"TOP 6 Beispiele wie YouTube Video Plugin auf Website einbinden","og_description":"Beispiele des YouTube Video Widgets: so Videos und Kan\u00e4le auf Webseite einbinden schnelle and kostenlos. YouTube Galerie auf Website einfach erstellen.","og_url":"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-09-28T10:44:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/","url":"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/","name":"TOP 6 Beispiele wie YouTube Video Plugin auf Website einbinden","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-02-12T12:27:57+00:00","dateModified":"2020-09-28T10:44:08+00:00","description":"Beispiele des YouTube Video Widgets: so Videos und Kan\u00e4le auf Webseite einbinden schnelle and kostenlos. YouTube Galerie auf Website einfach erstellen.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"YouTube Gallery","item":"https:\/\/elfsight.com\/de\/youtube-channel-plugin-yottie\/"},{"@type":"ListItem","position":3,"name":"YouTube 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":"required name=search_term_string"}],"inLanguage":"de-DE"}]}},"meta_box":{"h1":"Youtube Video Beispiele","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"98","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_image":[],"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":[],"applications_use_base_links":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","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\/125"}],"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=125"}],"version-history":[{"count":5,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":637,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/125\/revisions\/637"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/106"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}