{"id":20351,"date":"2024-06-07T09:22:45","date_gmt":"2024-06-07T09:22:45","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=integrations&#038;p=20351"},"modified":"2025-01-31T10:57:04","modified_gmt":"2025-01-31T10:57:04","slug":"vimeo","status":"publish","type":"integrations","link":"https:\/\/4allportal.com\/de\/integrationen\/vimeo","title":{"rendered":"Vimeo"},"content":{"rendered":"\n<section id=\"content-wrapper-block_a843954b7ea77a6ed8e69acb80e32067\" class=\"content-wrapper position-relative\"\n  style=\" padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_a843954b7ea77a6ed8e69acb80e32067 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_a843954b7ea77a6ed8e69acb80e32067 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div id=\"beschreibung\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Die Integration von <a href=\"https:\/\/vimeo.com\/\" data-type=\"link\" data-id=\"https:\/\/vimeo.com\/\" target=\"_blank\" rel=\"noopener\">Vimeo<\/a> bietet dir die M\u00f6glichkeit, unser 4ALLPORTAL mit deiner Vimeo-Bibliothek zu verbinden, so dass Video-Assets automatisch aus dem DAM auf Vimeo hochgeladen und mit den entsprechenden Metadaten versehen werden k\u00f6nnen. Du kannst deine Videos zentral organisieren, automatisch ver\u00f6ffentlichen und sicherstellen, dass deine Inhalte immer aktuell sind. Die Integration spart Zeit, verbessert die Konsistenz deiner Inhalte und erleichtert die Einhaltung von Richtlinien.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"vorteile\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Vorteile<\/h3>\n\n\n\n<div id=\"list-block-block_01581ff8757707bfa02e145adf8a0b59\" class=\"list-block | w-100 d-grid\" style=\"grid-template-columns: repeat(1, 1fr); column-gap: 4rem;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #list-block-block_01581ff8757707bfa02e145adf8a0b59 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #list-block-block_01581ff8757707bfa02e145adf8a0b59 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<style>\n  .list-block {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n  .list-block__list.has-background {\n    padding: 3.5rem !important;\n  }\n  p+.list-block {\n    margin-top: 1.5rem;\n  }\n  .list-block__list.is-selected {\n    display: block;\n  }\n  .list-block__list li {\n    list-style: none;\n    position: relative;\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n    padding-left: 4rem;\n  }\n  ul.list-block__list li::before {\n    content: \"\";\n    width: 2rem;\n    height: 2rem;\n    position: absolute;\n    left: 0;\n    top: 1.25rem;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  #list-block-block_01581ff8757707bfa02e145adf8a0b59 .list-block__list li {\n    color: #4B4B4B;\n  }\n\n  #list-block-block_01581ff8757707bfa02e145adf8a0b59 ul.list-block__list li::before {\n    background-image: url(\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/checkbox.svg\") !important;\n  }\n\n  @media screen (max-width:992px) {\n      .content-wrapper .wp-container-3,.content-wrapper .wp-block-columns {\n          gap:0 !important\n      }\n      .content-wrapper #list-block-block_01581ff8757707bfa02e145adf8a0b59, .content-wrapper .wp-block-columns #list-block-block_01581ff8757707bfa02e145adf8a0b59{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"list-block__list wp-block-list\">\n<li><strong>Verbessertes Content Management:<\/strong> Die zentrale Verwaltung aller digitalen Assets und die nahtlose Integration mit Vimeo erleichtern die Organisation und den Zugriff auf Medien.<\/li>\n\n\n\n<li><strong>Effiziente Zusammenarbeit:<\/strong> Teams k\u00f6nnen effizienter arbeiten, da weniger Zeit f\u00fcr manuelle Aufgaben aufgewendet werden muss und mehr Zeit f\u00fcr kreative und strategische Arbeit bleibt.<\/li>\n\n\n\n<li><strong>Einfache Aktualisierung:<\/strong> Wenn Metaeigenschaften oder Videos im 4ALLPORTAL aktualisiert werden, werden diese \u00c4nderungen automatisch in Vimeo \u00fcbernommen.<\/li>\n\n\n\n<li><strong>Konsistente Metadaten:<\/strong> Alle Video-Assets werden mit den entsprechenden Metadaten aus dem 4ALLPORTAL versehen, um die Konsistenz der Inhalte und die Einhaltung von Richtlinien zu gew\u00e4hrleisten.<\/li>\n<\/ul>\n\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #demo-footer-cta-block_82c37d964fc649968638c7024d65717f {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_82c37d964fc649968638c7024d65717f {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .demo-footer-cta {\n        color: #FFF;\n        border-bottom: 1px solid #707070;\n        padding-top: 90px !important;\n        padding-bottom: 0 !important;\n        background: rgb(49,49,49);\n        background: -moz-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: -webkit-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#313131\",endColorstr=\"#000000\",GradientType=1);\n    }\n    .demo-footer-cta .preheadline {\n        color: #ff8200 !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a {\n        border: 1px solid #FFF !important;\n        color: #FFF !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a:hover {\n        border: 1px solid var(--orange) !important;\n        color: var(--orange) !important;\n    }\n\n    .demo-footer-cta.dark h2,\n    .demo-footer-cta.dark h3,\n    .demo-footer-cta.dark p,\n    body .body-container.light .demo-footer-cta.dark h2,\n    body .body-container.light .demo-footer-cta.dark h3,\n    body .body-container.light .demo-footer-cta.dark p {\n        color: var(--white) !important;\n    }\n    .body-container.dark .demo-footer-cta {\n        background: none;\n    }\n    .demo-footer-cta h2 {\n        color: #FFF;\n        font-weight: 500;\n    }\n    .demo-footer-cta-screenshot {\n        width: 100%;\n        position: relative;\n        display: flex;\n        align-items: end;\n    }\n    .demo-footer-cta-screenshot > img {\n        width: 100%;\n        height: auto;\n        display: block;\n        opacity: 0.85;\n        padding-right: 5rem;\n        padding-left: 5rem;\n    }\n    .demo-footer-cta .list-block ul {\n        margin: 2rem 0 0 0;\n        display: flex;\n        justify-content: space-around !important;\n    }\n    .demo-footer-cta .wp-block-buttons {\n        margin: 3rem 0 3rem 0;\n    }\n    @media screen and (min-width: 1434px) {\n        .container-parallax {\n            width: 1434px;\n            margin: auto;\n        }\n    }\n    @media screen and (max-width: 1433px) {\n        .container-parallax {\n            width: 100%;\n            padding: 0 5%;\n            margin: auto;\n        }\n    }\n    \n    @media screen and (min-width: 768px) {\n        .demo-footer-cta-screenshot {\n            min-height: 45vh;\n        }\n        .parallax-layer {\n            position: absolute;\n        }\n        .parallax-layer > img {\n            width: 100%; \n            height: auto; \n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(60px);\n            transition: 0.6s ease-in;\n        }\n        .parallax-layer.active > img {\n            width: 100%; \n            height: auto; \n            opacity: 1;\n            visibility: visible;\n            transform: translateY(10px);\n            transition: 0.6s ease-in-out;\n        }\n        #layer1 {\n            width: 230px;\n            height: auto;\n            right: 0;\n            top: 20%;\n            border-radius: 8px;\n        }\n        #layer2 {\n            width: 200px;\n            left: 0;\n            top: 25%;\n            border-radius: 8px;\n        }\n        #layer3 {\n            width: 240px;\n            right: 40%;\n            top: 40%;\n            border-radius: 8px;\n        }\n    }\n    @media screen and (max-width: 768px) {\n        .parallax-layer {\n            display: none;\n        }\n        .demo-footer-cta .list-block ul {\n            flex-wrap: wrap;\n        }\n    }\n    @media screen and (max-width: 576px) {\n        .demo-footer-cta .list-block ul{\n            display: block;\n            text-align: center;\n        }\n        .demo-footer-cta ul.list-block__list li {\n            padding: 5rem 0 0 0;\n            display: block;\n            margin-bottom: 2.5rem;\n        }\n        .demo-footer-cta ul.list-block__list li::before {\n            left: 0;\n            top: 1.25rem;\n            right: 0;\n            margin: auto;\n        }\n        .demo-footer-cta-screenshot > img {\n            padding-right: 1.5rem;\n            padding-left: 1.5rem;\n        }\n    }\n<\/style>\n\n<section id=\"demo-footer-cta-block_82c37d964fc649968638c7024d65717f\" class=\"demo-footer-cta | dark\">\n    <div class=\"container-parallax px-0\">\n           <div class=\"container\">\n           \n\n<h2 class=\"wp-block-heading has-text-align-center\">Navigiere durch die Produkttour oder <br>erfrage individuelle Preise<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/tour\/dam-and-pim\">Produkttour starten<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/preis-anfragen\">Preise anfragen<\/a><\/div>\n<\/div>\n\n\n           <\/div>\n        <div class=\"container-fluid\">\n            <div class=\"demo-footer-cta-screenshot parallax-container\">\n                <!-- <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\"> -->\n\n                                        <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\">\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer1\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-1.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer2\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-2.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer3\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-3.png\" alt=\"\"><\/div>\n                                        \n            <\/div>\n        <\/div>\n    <\/div> \n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n    var buttonLink = document.querySelector('.demo-footer-cta .wp-block-button__link');\n    var parallaxLayers = document.querySelectorAll('.parallax-layer');\n\n    buttonLink.addEventListener('mouseover', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.add('active');\n        });\n    });\n\n    buttonLink.addEventListener('mouseout', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.remove('active');\n        });\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Video<\/p>\n","protected":false},"author":3,"featured_media":20558,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"integration_categories":[530],"customer_stage":[449],"class_list":["post-20351","integrations","type-integrations","status-publish","has-post-thumbnail","hentry","integration_categories-video-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/20351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/integrations"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/20351\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/20558"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=20351"}],"wp:term":[{"taxonomy":"integration_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integration_categories?post=20351"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=20351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}