{"id":879,"date":"2022-12-13T09:10:23","date_gmt":"2022-12-13T09:10:23","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=879"},"modified":"2022-12-13T09:27:30","modified_gmt":"2022-12-13T09:27:30","slug":"how-to-add-a-background","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/de\/docs\/how-to-add-a-background\/","title":{"rendered":"So f\u00fcgen Sie einen Hintergrund hinzu"},"content":{"rendered":"<p>Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.<\/p>\n\n\n\n<p>Add a background<\/p>\n\n\n\n<p>Mango Text Video Maker provides the default image background for the new project.<\/p>\n\n\n\n<p>1. Double-click the slider to open the background setting window.<\/p>\n\n\n\n<p>2. In the pop-up window, choose [Image Background] or [Background Color].<\/p>\n\n\n\n<p>3. Click to select a background.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113.png\" alt=\"\" class=\"wp-image-887\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>Custom the background<\/p>\n\n\n\n<p>1. Custom the image or video background<\/p>\n\n\n\n<p><a>Mango Text Video Maker allows users to upload a local picture or video as the background. <\/a>The following formats of files are supported: JPG, PNG, FLV, MP4 and MOV.<\/p>\n\n\n\n<p>1. Double-click the background slider.<\/p>\n\n\n\n<p>2. Click [Choose File] in the pop-up window.<\/p>\n\n\n\n<p>3. Select a picture or video.<\/p>\n\n\n\n<p>4. Klicken Sie auf [\u00d6ffnen].<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-112.png\" alt=\"\" class=\"wp-image-886\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-112.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-112-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-112-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-112-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-112-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>If the image you selected is too large, you can optimize your image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-111.png\" alt=\"\" class=\"wp-image-885\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-111.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-111-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-111-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-111-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-111-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>2. Custom the background color<\/p>\n\n\n\n<p>Double-click the background slider, choose [Background Color]. There are 3 options you can choose from: Pure, Linear and Radial. After setting the color, click [Add Option] or [Apply].<\/p>\n\n\n\n<p>[Add Option]: Add the background color you set to the options so you can add it conveniently next time.<\/p>\n\n\n\n<p>[Apply]: Apply the background color you set directly. &nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-110.png\" alt=\"\" class=\"wp-image-884\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-110.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-110-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-110-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-110-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-110-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>A. Pure Color<\/p>\n\n\n\n<p>1. Select [Pure].<\/p>\n\n\n\n<p>2. Click the color block beside the options.<\/p>\n\n\n\n<p>3. Select a color on the color board.<\/p>\n\n\n\n<p>4. Click [Apply] to set the background color.<\/p>\n\n\n\n<p>Color Code: You can copy and paste the color code to set the background color.<\/p>\n\n\n\n<p>Color Picker: It allows you to choose the color of visual elements.<\/p>\n\n\n\n<p>Color Swatch: Click the color swatch beside the color picker to open the color area. Then you can select a color as the background color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-109.png\" alt=\"\" class=\"wp-image-883\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-109.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-109-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-109-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-109-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-109-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>B. Linear Gradient Color<\/p>\n\n\n\n<p>1. Select [Linear]<\/p>\n\n\n\n<p>2. Double-click the point to open the color board and custom the color. You also can move the point on the color bar and add or delete the point.<\/p>\n\n\n\n<p>3. Adjust the direction of the linear gradient.<\/p>\n\n\n\n<p>4. Click [Apply] to set the background color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-108.png\" alt=\"\" class=\"wp-image-882\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-108.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-108-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-108-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-108-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-108-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>C. Radial Color<\/p>\n\n\n\n<p>1. Select [Radial].<\/p>\n\n\n\n<p>2. Double-click the point to open the color board<\/p>\n\n\n\n<p>3. You can custom the color on the color board. You also can move the point on the color bar and add or delete the point.<\/p>\n\n\n\n<p>4. Click [Apply] to set the background color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"574\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-107.png\" alt=\"\" class=\"wp-image-881\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-107.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-107-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-107-768x510.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-107-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-107-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video. Add a background Mango Text Video Maker provides the default image background for the new project. 1. Double-click the slider to open the background setting window. 2. In &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/de\/docs\/how-to-add-a-background\/\"> <span class=\"screen-reader-text\">So f\u00fcgen Sie einen Hintergrund hinzu<\/span> Weiterlesen &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[56],"doc_tag":[],"knowledge_base":[41],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add a Background - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/de\/docs\/how-to-add-a-background\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Background\" \/>\n<meta property=\"og:description\" content=\"Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/de\/docs\/how-to-add-a-background\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-13T09:27:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113.png\" \/>\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 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/\",\"name\":\"How to Add a Background - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2022-12-13T09:10:23+00:00\",\"dateModified\":\"2022-12-13T09:27:30+00:00\",\"description\":\"Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Background\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Background - Mango Animate Help Center","description":"Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.","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:\/\/help.mangoanimate.com\/de\/docs\/how-to-add-a-background\/","og_locale":"de_DE","og_type":"article","og_title":"How to Add a Background","og_description":"Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.","og_url":"https:\/\/help.mangoanimate.com\/de\/docs\/how-to-add-a-background\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2022-12-13T09:27:30+00:00","og_image":[{"url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-113.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/","url":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/","name":"How to Add a Background - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2022-12-13T09:10:23+00:00","dateModified":"2022-12-13T09:27:30+00:00","description":"Mango Text Video Maker provides users with plentiful backgrounds including video backgrounds, image backgrounds and color backgrounds. A brilliant background can add some flavor to your video.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-background\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"How to Add a Background"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/docs\/879"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/comments?post=879"}],"version-history":[{"count":2,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/docs\/879\/revisions"}],"predecessor-version":[{"id":889,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/docs\/879\/revisions\/889"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/media?parent=879"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/doc_category?post=879"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/doc_tag?post=879"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/de\/wp-json\/wp\/v2\/knowledge_base?post=879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}