{"id":3584,"date":"2021-12-13T10:25:52","date_gmt":"2021-12-13T10:25:52","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-video-widget\/"},"modified":"2022-06-27T07:17:58","modified_gmt":"2022-06-27T07:17:58","slug":"video","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/video\/","title":{"rendered":"Landingssidens Video-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Video-widgeten<\/strong>&nbsp;hjelper deg med \u00e5 legge til en video til landingssiden din. For \u00f8yeblikket st\u00f8tter vi videotillegg via Youtube, Vimeo og direkte opplastinger. Du kan ogs\u00e5 legge til en bildetekst for videoen du har lagt til.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>Hvordan legge til en video-widget p\u00e5 en landingsside?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 1<\/h3>\n<h3>Naviger til landingssidebyggeren<\/h3>\n<p>Bruk <strong>hovedmenyen<\/strong> til venstre for \u00e5 opprette en <strong>landingsside<\/strong> og deretter <a href=\"\/hc\/nb_NO\/landingsside\/lage\/opprett-ny\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigere til landingssidebyggeren<\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 2<\/h3>\n<h3>Legg til en videowidget p\u00e5 landingssiden din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong> der du designer landingssiden din, og omr\u00e5det til h\u00f8yre er verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som <a href=\"\/hc\/nb_NO\/landingsside\/lage\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">widgets<\/a>.<\/p>\n<p>For \u00e5 legge til en video p\u00e5 landingssiden din, dra og slipp <strong>Video-<\/strong> widgeten til arbeidsomr\u00e5det <em>(som uthevet i skjermbildet nedenfor).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1846 size-full\" title=\"Landing page video widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-widget.png\" alt=\"Landingssidebyggere dra og slipp videowidget\" width=\"528\" height=\"742\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Last opp\/velg videoen<\/h3>\n<p>N\u00e5r du slipper widgeten inn i arbeidsomr\u00e5det, vil widget-innstillinger vises p\u00e5 h\u00f8yre side <em>(som markert i skjermbildet nedenfor).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1848\" title=\"Landing page video settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-widget-innstillinger.png\" alt=\"Landingssidens Video-widget. Innstillinger-fanen for video-widget er uthevet\" width=\"640\" height=\"428\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her,<\/p>\n<ul>\n<li>bruke <strong>Videoplattform<\/strong> dropdown-menyen <em>(vist p\u00e5 skjermbildet nedenfor)&nbsp;<\/em>for \u00e5 velge mediet som du vil legge til videoen p\u00e5 landingssiden din \u2013 er det via Youtube\/Vimeo eller en direkte opplasting.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1849 size-full\" title=\"Landing page video youtube\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-url.png\" alt=\"Landingssidens Video-widget. Velg videoplattform. Youtube er valgt\" width=\"294\" height=\"347\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<\/li>\n<li>Basert p\u00e5 alternativet du velger i dette feltet, samler det p\u00e5f\u00f8lgende feltet den n\u00f8dvendige informasjonen som er relevant for den handlingen.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1850 size-full\" title=\"Landing page video search\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-sok.png\" alt=\"Landingssidens Video-widget. Legg til-lenken eller s\u00f8kefeltet\" width=\"268\" height=\"80\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p><strong>For eksempel:<\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"margin-left: 20px;\"><strong>Scene<\/strong><strong>rio 1:&nbsp;<\/strong>Du velger \u00e5 legge til en video via Youtube:\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1851 size-full\" title=\"Landing page video upload\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-youtube.png\" alt=\"Landingssidens Video-widget. Innstillinger for videoopplasting. Youtube er valgt\" width=\"562\" height=\"287\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her bruker du <strong>dropdown-menyen<\/strong> Videoplattform for \u00e5 velge <strong>Youtube<\/strong>. Deretter bruker du feltet <strong>Legg til URL eller s\u00f8k<\/strong> som vist i skjermbildet ovenfor for \u00e5 skrive inn et n\u00f8kkelord for \u00e5 s\u00f8ke etter YouTube-videoen. Du kan ogs\u00e5 legge til nettadressen til videoen direkte. Imens du skriver inn s\u00f8keordet\/URLen, vises en liste over videoforslag \u2013 Fra listen over videoforslag velger du videoen du vil legge til p\u00e5 landingssiden.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"margin-left: 20px;\"><strong>Scenario 2:<\/strong> Du velger \u00e5 legge til en video via Vimeo:<br \/>\nP\u00e5 samme m\u00e5te, i dette tilfellet, bruk Videoplattform-dropdown-menyen for \u00e5 velge <strong>Vimeo<\/strong>. Bruk neste felt for \u00e5 angi et n\u00f8kkelord for \u00e5 s\u00f8ke etter Vimeo-videoen. Du kan ogs\u00e5 legge til nettadressen til videoen direkte.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<ul>\n<li style=\"margin-left: 20px;\"><strong>Scenario 3: :&nbsp;<\/strong>Du velger \u00e5 laste opp en video direkte:\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1852 size-full\" title=\"Landing page video upload settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-privat-video.png\" alt=\"Landingssidevideo. Innstillinger for videoopplasting. Last opp din egen video er valgt\" width=\"547\" height=\"231\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>I dette tilfellet bruker du dropdown-menyen for \u00e5 velge alternativet \u2013 <strong>Last opp din egen video<\/strong>. Deretter klikker du p\u00e5 <strong>Velg fil-<\/strong>knappen for \u00e5 laste opp videoen direkte fra systemet ditt.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<blockquote class=\"elevio-box-info\"><p><strong>Merk:<\/strong> For direkte opplastinger b\u00f8r videoen du \u00f8nsker \u00e5 laste opp v\u00e6re i MP4-format.<\/p><\/blockquote>\n<div class=\"aricle_container\">\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 4<\/h3>\n<h3>Skriv inn en passende bildetekst for videoen<\/h3>\n<p>Bruk omr\u00e5det som er uthevet i skjermbildet nedenfor for \u00e5 skrive inn en relevant bildetekst for videoen du har lagt til. Bruk de forskjellige tilgjengelige verkt\u00f8yene for \u00e5 tilpasse skrifttypen\/stilen\/fargen p\u00e5 den tilf\u00f8yde teksten.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1853\" title=\"Landing page video caption\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-teksting.png\" alt=\"Landingssidens Video-widget. Innstillinger for videotekst er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Du kan ogs\u00e5 velge \u00e5 skjule videoteksten ved \u00e5 bruke avmerkingsboksen som er uthevet i skjermbildet nedenfor.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1854 size-full\" title=\"Landing page video hide caption\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/skjul-bildetekst-video-landingsside.png\" alt=\"Landingssidens Video-widget. Skjul valgt videotekst\" width=\"557\" height=\"188\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 5<\/h3>\n<h3>Tilpass widgetstilen<\/h3>\n<p>Bruk alternativene under <strong>Stil-<\/strong>fanen for \u00e5 redigere utseendet til Video-appen.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1855\" title=\"Landing page video style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-video-styling.png\" alt=\"Landingssidens Video-widget. Videotekststil er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her er de forskjellige designalternativene som er tilgjengelige:<\/p>\n<h4>5.1 Fontinnstillinger og bakgrunnsfarge for Video<\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Bildetekstbakgrunnsfarge for<\/strong> \u00e5 endre fargen p\u00e5 bildetekstbakgrunnen<\/li>\n<li><strong>Kantst\u00f8rrelse og farge for<\/strong> \u00e5 tilpasse widgetkanten (bruk st\u00f8rrelseslinjen for \u00e5 justere tykkelsen p\u00e5 kantlinjen)<\/li>\n<li><strong>Kantstil for<\/strong> \u00e5 endre typen p\u00e5 widgetkanten \u2013 hel, prikkete osv.,<\/li>\n<li><strong>St\u00f8rrelseslinje<\/strong> for avrundede hj\u00f8rner for \u00e5 legge til avrundede hj\u00f8rner til widgeten.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>5.2 Videoinnstilling<\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Widget Bredde<\/strong>&nbsp;for \u00e5 justere bredden p\u00e5 widgeten i arbeidsomr\u00e5det<\/li>\n<li><strong>Videotekstposisjon for<\/strong> \u00e5 endre justeringen av bildeteksten i forhold til videoen som er lagt til.<\/li>\n<li>Du kan ogs\u00e5 velge \u00e5 lage widgeten <strong>Kant til Kant<\/strong>, dvs. tilpasse arbeidsomr\u00e5dets bredde.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>Klikk <strong>Lagre,<\/strong> og det er det!<\/p>\n<p>Du har lagt til en video p\u00e5 landingssiden din!<\/p>\n<p>La oss fortsette og ta en titt p\u00e5 hvordan du legger til en m\u00f8teinvitasjon til en landingsside ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/landingsside\/lage\/kalender\/\" target=\"_blank\" rel=\"noopener noreferrer\">kalender-widgeten<\/a> !<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Videowidgeten hjelper deg \u00e5 legge til en video p\u00e5 landingssiden din. For \u00f8yeblikket st\u00f8tter vi videotillegg via Youtube, Vimeo og direkte opplastinger.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[279],"ht-kb-tag":[],"class_list":["post-3584","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder-nb_no"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/comments?post=3584"}],"version-history":[{"count":12,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3584\/revisions"}],"predecessor-version":[{"id":10699,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3584\/revisions\/10699"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3584"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3584"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}