{"id":125,"date":"2015-09-02T09:25:47","date_gmt":"2015-09-02T09:25:47","guid":{"rendered":"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/?page_id=125"},"modified":"2015-12-08T12:03:52","modified_gmt":"2015-12-08T12:03:52","slug":"blogg-7-embed-video-och-ljud-filer","status":"publish","type":"page","link":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/blogg\/blogg-7-embed-video-och-ljud-filer\/","title":{"rendered":"Blogg 7 &#8211; Embed video och ljud filer"},"content":{"rendered":"<p>WordPress Multisite till\u00e5ter inte raka embed-koder eller iframes (dvs. ofiltrerad HTML) f\u00f6r n\u00e5gon annan \u00e4n n\u00e4tverksadministrat\u00f6ren. Det \u00e4r en s\u00e4kerhets\u00e5tg\u00e4rd. Inb\u00e4ddning och iframes \u00e4r tv\u00e5 s\u00e4tt som skadlig kod kan injiceras i WordPress webbplatser.<\/p>\n<p>Men det finns goda nyheter! Det finns en &#8221;intern vitlista&#8221; \u00f6ver tillf\u00f6rlitliga platser inbyggda i WordPress. Listan inneh\u00e5ller s\u00e5dana vanliga webbplatser som <strong>YouTube, Vimeo<\/strong>, och <strong>Instagram<\/strong> (plus ljud sajter som <strong>Spotify<\/strong> och <strong>Soundcloud<\/strong>). Se Vitlista f\u00f6r mer information: <a href=\"http:\/\/codex.wordpress.org\/Embeds\"><strong>http:\/\/codex.wordpress.org\/Embeds<\/strong><\/a><strong>.<\/strong><\/p>\n<p>Tricket \u00e4r helt enkelt att s\u00e4tta URLen i den visuella redigerarrutan (dvs. &#8221;Visuell&#8221;-fliken). N\u00e4r du g\u00f6r det, \u00e4r videon automatiskt inb\u00e4ddad.<\/p>\n<p><strong>Obs: <\/strong>URLen m\u00e5ste vara p\u00e5 en egen rad.<\/p>\n<p><a href=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-128 size-full\" src=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.1.png\" alt=\"Blog panel 7.1\" width=\"790\" height=\"379\" srcset=\"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.1.png 790w, https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.1-300x144.png 300w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/a><\/p>\n<p>Som ger \u2026<\/p>\n<p><a href=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-129 size-large\" src=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.2-1024x623.png\" alt=\"Blog panel 7.2\" width=\"660\" height=\"402\" srcset=\"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.2-1024x623.png 1024w, https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.2-300x183.png 300w, https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.2.png 1081w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"color: #800080;\">B\u00e4dda in en playlist fr\u00e5n Spotify.<\/span><\/strong><\/p>\n<p>Det \u00e4r samma processen f\u00f6r en Spotify playlist.\u00a0 t.ex\u00a0 https:\/\/play.spotify.com\/user\/spotify\/playlist\/3OUguxmuL5x24sMAw4qPku (p\u00e5 en egen rad), ger -.<\/p>\n<p><iframe title=\"Spotify Embed: Acoustic Commute\" style=\"border-radius: 12px\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/3OUguxmuL5x24sMAw4qPku?utm_source=oembed\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #800080;\"><strong>B\u00e4dda in en ljudfil fr\u00e5n ditt Soundcloud-konto.<\/strong><\/span><\/p>\n<p>V\u00e4lj ljudklippet som du vill ha fr\u00e5n ditt Soundcloud konto och klicka p\u00e5 Share. Kopiera webbadressen och klistra in den p\u00e5 en egen rad i ett inl\u00e4gg eller p\u00e5 en sida &#8211; med f\u00f6ljande soundcloud &#8221;shortcode&#8221; inom hakparenteser.<\/p>\n<p><a href=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.41.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-141 size-full\" src=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.41.png\" alt=\"Blog panel 7.4\" width=\"710\" height=\"82\" srcset=\"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.41.png 710w, https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.41-300x35.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/a><\/p>\n<p>[soundcloud]https:\/\/soundcloud.com\/orebro-hockey\/avsnitt-5-daniel-viksten[\/soundcloud]<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #800080;\"><strong>Andra<\/strong><\/span><strong><span style=\"color: #800080;\"> s\u00e4tt att presentera en ljudfil.<\/span><br \/>\n<\/strong><br \/>\nDet \u00e4r ocks\u00e5 m\u00f6jligt att ladda upp en ljudfil till mediabiblioteket p\u00e5 samma s\u00e4tt som du laddar upp en bild. N\u00e4r denna fil \u00e4r vald fr\u00e5n mediebiblioteket via &#8221;L\u00e4gg till media&#8221;-knappen, \u00e4r plattformens audiospelare plugin automatiskt aktiv. Detta resulterar i automatisk infogning av koden inom hakparenteser, som kallas &#8221;shortcode&#8221;, som visas i exemplet nedan.<\/p>\n<p><strong>Anm<\/strong>. F\u00f6ljande ljudformat st\u00f6ds: MP3, M4A, OGG, WAV<br \/>\n<strong>Anm<\/strong>. Ljudfiler kan vara stora och det finns en maximal filstorlek p\u00e5 5mb i systemet. Stora filer hanteras b\u00e4st via Soundcloud eller som externa l\u00e4nkar.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-131 size-full\" src=\"http:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.3.png\" alt=\"Blog panel 7.3\" width=\"750\" height=\"230\" srcset=\"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.3.png 750w, https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/files\/2015\/09\/Blog-panel-7.3-300x92.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p>obs! (shortcode <span id=\"result_box\" class=\"\" lang=\"sv\"><span class=\"hps\">\u00e4r<\/span> <span class=\"hps\">koden du<\/span> <span class=\"hps\">kan<\/span> <span class=\"hps\">se<\/span> <span class=\"hps\">p\u00e5 bilden<\/span> <span class=\"hps\">ovan<\/span> <span class=\"hps\">inom<\/span> <span class=\"hps\">parentes<\/span> <span class=\"hps atn\">&#8221;<\/span><span class=\"atn\">[ <\/span>]<span class=\"\">&#8221;<\/span><\/span>)<\/p>\n<p>Som ger \u2026<\/p>\n<p>Here is an example of a typical Welsh accent<\/p>\n<audio class=\"wp-audio-shortcode\" id=\"audio-125-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"http:\/\/blogg.folkuniversitetet.nu\/engelska\/files\/2013\/02\/WelshPizza.mp3?_=1\" \/><a href=\"http:\/\/blogg.folkuniversitetet.nu\/engelska\/files\/2013\/02\/WelshPizza.mp3\">http:\/\/blogg.folkuniversitetet.nu\/engelska\/files\/2013\/02\/WelshPizza.mp3<\/a><\/audio>\n<p>&nbsp;<\/p>\n<p>I st\u00e4llet f\u00f6r att referera till en mp3-fil uppladdad till mediabiblioteket, kan du l\u00e4nka till en extern mp3-fil, och uppn\u00e5 samma visuella effekt, genom att uttryckligen skriva fullst\u00e4ndig shortcode.<\/p>\n<p><strong>Anm<\/strong>. Utel\u00e4mna inte citattecken runt adressen.<br \/>\n<strong>Anm<\/strong>. Du kan naturligtvis anv\u00e4nda standardl\u00e4nkprocessen (se ovan under &#8221;l\u00e4nkar&#8221;) f\u00f6r att peka p\u00e5 den externa ljudfilen, men den visuella effekten kommer inte att vara densamma.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<p><strong><br \/>\n<\/strong><\/p>\n<p><strong>\u00a0<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Multisite till\u00e5ter inte raka embed-koder eller iframes (dvs. ofiltrerad HTML) f\u00f6r n\u00e5gon annan \u00e4n n\u00e4tverksadministrat\u00f6ren. Det \u00e4r en s\u00e4kerhets\u00e5tg\u00e4rd. Inb\u00e4ddning och iframes \u00e4r tv\u00e5 s\u00e4tt som skadlig kod kan injiceras i WordPress webbplatser. Men det finns goda nyheter! Det finns en &#8221;intern vitlista&#8221; \u00f6ver tillf\u00f6rlitliga platser inbyggda i WordPress. Listan inneh\u00e5ller s\u00e5dana vanliga webbplatser &hellip; <a href=\"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/blogg\/blogg-7-embed-video-och-ljud-filer\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa <span class=\"screen-reader-text\">Blogg 7 &#8211; Embed video och ljud filer<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":13,"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/pages\/125\/revisions\/279"}],"up":[{"embeddable":true,"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/blogg.folkuniversitetet.nu\/itkorkort\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}