{"id":368155,"date":"2023-05-16T16:12:00","date_gmt":"2023-05-16T13:12:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368155"},"modified":"2023-05-16T16:22:40","modified_gmt":"2023-05-16T13:22:40","slug":"hur-man-baddar-in-en-youtube-video-i-wordpress-med-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-baddar-in-en-youtube-video-i-wordpress-med-gutenberg\/","title":{"rendered":"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg"},"content":{"rendered":"\n<p>Oavsett anledningen till att du driver en webbplats, skulle du naturligtvis uppskatta att ha din publik mer engagerad, eftersom deras engagemang kan ge dig m\u00e5nga f\u00f6rdelar. <strong>Ett av de b\u00e4sta och mest naturliga s\u00e4tten att inspirera dina webbplatsbes\u00f6kare att stanna l\u00e4ngre p\u00e5 en viss sida och interagera \u00e4r att visa kvalitetsvideor p\u00e5 strategiskt valda sidor<\/strong>. M\u00e5nga v\u00e4ljer att b\u00e4dda in videor p\u00e5 sin hemsida eller att <a href=\"https:\/\/themewp.inform.click\/sv\/5-wordpress-video-background-plugins-for-2022\/\" title=\"s\u00e4tta en video som bakgrund\">s\u00e4tta en video som bakgrund<\/a> och det \u00e4r inte utan en bra anledning. Roligt, pedagogiskt, inspirerande, informativt eller instruerande mediematerial har en enorm inverkan p\u00e5 din webbplatss image och kan till och med p\u00e5verka din omvandlingsfrekvens.<\/p>\n<p>Om du nu undrar var du kan f\u00e5 upp den h\u00e4r typen av videor p\u00e5 din egen webbplats, \u00e4r svaret enkelt \u2013 du kan <strong>b\u00e4dda in YouTube-videor eller ladda upp dina egna<\/strong>. Och oavsett vad du v\u00e4ljer \u00e4r det enkelt att l\u00e4gga till en video i WordPress och kr\u00e4ver ingen kunskap om kodning. I den h\u00e4r artikeln kommer vi att visa dig, steg f\u00f6r steg, hur du l\u00e4gger till videor p\u00e5 tre olika s\u00e4tt:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/7ZrpyV8dcIw\" frameborder=\"0\"><\/iframe><\/div>\n<h2>B\u00e4dda in en YouTube-video i Classic Editor<\/h2>\n<p>H\u00e4r \u00e4r stegen f\u00f6r det enklaste s\u00e4ttet att b\u00e4dda in en video fr\u00e5n YouTube:<\/p>\n<ol>\n<li>Logga f\u00f6rst in p\u00e5 din WordPress. G\u00e5 sedan till sidan\/inl\u00e4gget du vill l\u00e4gga till video och <strong>hitta en plats d\u00e4r du vill l\u00e4gga till den<\/strong> i ditt inneh\u00e5ll.<\/li>\n<li>G\u00e5 till YouTube, hitta videon du vill l\u00e4gga till och <strong>anv\u00e4nd hela webbadressen<\/strong> i webbl\u00e4sarens platsf\u00e4lt:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>Det andra s\u00e4ttet att kopiera din URL \u00e4r att v\u00e4lja alternativet Dela nedan. Efter\u00e5t klickar du helt enkelt p\u00e5 knappen Kopiera och du har lyckats kopiera videons URL.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>Vi m\u00e5ste notera att det finns ett fantastiskt alternativ som l\u00e5ter dig <strong>st\u00e4lla in din video att b\u00f6rja vid en viss tidpunkt<\/strong>. Markera bara rutan B\u00f6rja vid och l\u00e4gg till den tid som du vill att videon ska b\u00f6rja fr\u00e5n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<ol start=\"3\">\n<li>G\u00e5 nu tillbaka till din sida\/inl\u00e4gg och <strong>klistra helt enkelt in URL-adressen<\/strong> (ett tomt stycke \u00e4r ett bra st\u00e4lle att g\u00f6ra det), s\u00e5 kommer f\u00f6rhandsvisningen av videon att visas. S\u00e5 h\u00e4r:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<ol start=\"4\">\n<li>Nu \u00e5terst\u00e5r bara att klicka p\u00e5 knappen Uppdatera, s\u00e5 \u00e4r din <strong>video \u00e4ntligen live<\/strong> och kommer att visas p\u00e5 din sida eller ditt inl\u00e4gg.<\/li>\n<\/ol>\n<p>Om du beh\u00f6ver <strong>mer avancerade alternativ<\/strong>, som att \u00e4ndra videons visningsstorlek, kan du l\u00e4gga till det h\u00e4r p\u00e5 ett annat s\u00e4tt:<\/p>\n<ol>\n<li>V\u00e4lj knappen Dela under din video. Detta g\u00f6r att alternativet f\u00f6r inb\u00e4ddning av YouTube visas.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<ol start=\"3\">\n<li>Klistra in den h\u00e4r (se till att anv\u00e4nda textredigeringsl\u00e4get):<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<ol start=\"4\">\n<li>Tryck p\u00e5 knappen Uppdatera och det \u00e4r allt! Du kan nu <strong>redigera bredden och h\u00f6jden p\u00e5 videon<\/strong>. Du hittar den i HTML-koden du har kopierat.<\/li>\n<\/ol>\n<h2>B\u00e4dda in en YouTube-video i Gutenberg<\/h2>\n<p>Gutenberg-redigeraren kommer med inb\u00e4ddningsblock som l\u00e5ter dig infoga inneh\u00e5ll fr\u00e5n andra k\u00e4llor, inklusive videor. Det finns ocks\u00e5 ett <strong>specifikt block f\u00f6r YouTube-videor<\/strong> som du kan hitta i din Gutenberg-blocklista.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>Du b\u00f6r veta att <strong>YouTube-blockering endast till\u00e5ter dig att infoga webbadressen till videon<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<h2>B\u00e4dda in en YouTube-video i Elementor<\/h2>\n<p>Elementor erbjuder dig <strong>tv\u00e5 olika s\u00e4tt att l\u00e4gga till en video<\/strong>. Ett s\u00e4tt \u00e4r att anv\u00e4nda <strong>textredigeringsblocket<\/strong> och det andra \u00e4r att anv\u00e4nda <strong>videoblocket<\/strong>, som \u00e4r speciellt framtaget f\u00f6r detta \u00e4ndam\u00e5l och d\u00e4rf\u00f6r \u00e4r mer l\u00e4mpligt f\u00f6r YouTube-videor, men b\u00e5da s\u00e4tten g\u00f6r att du kan b\u00e4dda in videor p\u00e5 din sida.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>N\u00e4r du har klickat p\u00e5 Redigera med Elementor, v\u00e4lj textredigeringsblocket och dra och sl\u00e4pp det i inneh\u00e5llsomr\u00e5det. G\u00e5 sedan till videon som du vill l\u00e4gga till och <strong>kopiera hela webbadressen i webbl\u00e4sarens platsf\u00e4lt<\/strong>, och du \u00e4r i stort sett klar.<\/p>\n<p>Ett annat s\u00e4tt att l\u00e4gga till video med Text Editor \u00e4r att v\u00e4lja inb\u00e4ddningsalternativet och klicka p\u00e5 knappen Kopiera, och du har lyckats kopiera videons URL. I grund och botten <strong>l\u00e4gger du till video med hj\u00e4lp av Elementor Text Editor p\u00e5 samma s\u00e4tt som du l\u00e4gger till video med Classic Editor<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>Om du v\u00e4ljer att g\u00e5 med videoblocket som <strong>l\u00e5ter dig ocks\u00e5 l\u00e4gga till videor fr\u00e5n Vimeo, dailymotion eller till och med selfhostade videor<\/strong>, hittar du n\u00e5gra fler bekv\u00e4ma alternativ f\u00f6r att spela upp videon ocks\u00e5.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>Du b\u00f6rjar med att v\u00e4lja alternativet Redigera med Elementor och sedan v\u00e4ljer du videoblocket och drar och sl\u00e4pper det till inneh\u00e5llsomr\u00e5det. I menyn till v\u00e4nster ser du tv\u00e5 flikar, v\u00e4lj inneh\u00e5llsfliken.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" alt=\"Hur man b\u00e4ddar in en YouTube-video i WordPress med Gutenberg\"><\/a><\/p>\n<p>Nu kommer du att se flera alternativ, f\u00f6rst <strong>v\u00e4ljer du k\u00e4llan till videon, i det h\u00e4r fallet l\u00e5t oss g\u00e5 med YouTube<\/strong>.<\/p>\n<p>G\u00e5 sedan till sidan med videon du vill b\u00e4dda in och kopiera videons URL i l\u00e4nkomr\u00e5det. Du kommer direkt att kunna se om du valt r\u00e4tt video.<\/p>\n<p>I grund och botten \u00e4r detta det, du har nu lagt till videon och du kan <strong>forts\u00e4tta att st\u00e4lla in mer avancerade alternativ<\/strong>.<\/p>\n<p>Alternativet <strong>Autouppspelning<\/strong> st\u00e5r till ditt f\u00f6rfogande, om du v\u00e4ljer det kommer din video att b\u00f6rja spelas automatiskt i samma \u00f6gonblick som din sida laddas.<\/p>\n<p>Alternativet <strong>Spelkontroll<\/strong> som f\u00f6ljer h\u00e4nvisar till om du vill att kontrollknapparna (Spela och Pausa) ska vara synliga p\u00e5 din video eller inte. Om inte, v\u00e4lj G\u00f6m i det h\u00e4r f\u00e4ltet.<\/p>\n<p>En annan h\u00e4ftig funktion \u00e4r <strong>Image Overlay<\/strong>, vilket \u00e4r bra om du maximalt vill anpassa utseendet p\u00e5 din video och undvika standardbilden som dyker upp i b\u00f6rjan. Klicka bara p\u00e5 alternativet Bild\u00f6verl\u00e4gg, v\u00e4lj sedan alternativet Visa, v\u00e4lj sedan en bild fr\u00e5n ditt mediebibliotek och den valda bilden visas ovanp\u00e5 din video.<\/p>\n<p>Nu n\u00e4r du \u00e4r bekant med grunderna f\u00f6r att l\u00e4gga till YouTube-videor och inl\u00e4gg p\u00e5 din WordPress-sida kan du krydda din webbplats och njuta av f\u00f6rdelarna som kommer med smart utvalt kvalitetsvideoinneh\u00e5ll. Om du undrar om det finns mer du kan g\u00f6ra med videor p\u00e5 din webbplats s\u00e5 har du r\u00e4tt. Det finns gott om <a href=\"https:\/\/themewp.inform.click\/sv\/5-bild-perfekta-wordpress-youtube-plugins-2022\/\" title=\"WordPress YouTube-plugins\">WordPress YouTube-plugins<\/a> som erbjuder mer avancerade alternativ som att skapa spellistor, styla deras utseende och mer. Men oavsett hur du v\u00e4ljer att l\u00e4gga till media p\u00e5 din webbplats \u00e4r en sak s\u00e4ker \u2013 videor f\u00e5r ditt inneh\u00e5ll att framst\u00e5 som mer dynamiskt, attraktivt och informativt.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Det finns n\u00e5gra s\u00e4tt att b\u00e4dda in en YouTube-video i WordPress \u2013 b\u00e5de i den klassiska redigeraren och Gutenberg. Den h\u00e4r g\u00e5ngen har vi best\u00e4mt oss f\u00f6r att visa dem alla.<\/p>\n","protected":false},"author":1,"featured_media":364064,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[635,574,429],"tags":[850],"class_list":["post-368155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogga","category-grunderna-i-wordpress","category-wordpress-plugins-2","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/368155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=368155"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/368155\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/364064"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=368155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=368155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=368155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}