{"id":133440,"date":"2024-11-12T11:33:27","date_gmt":"2024-11-12T09:33:27","guid":{"rendered":"https:\/\/www.zoner.fi\/tuki\/?page_id=133440"},"modified":"2026-03-19T09:05:10","modified_gmt":"2026-03-19T07:05:10","slug":"aani-ja-videotiedostojen-lisaaminen-zoner-kotisivukone-sivustolle-koodin-avulla","status":"publish","type":"page","link":"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/aani-ja-videotiedostojen-lisaaminen-zoner-kotisivukone-sivustolle-koodin-avulla\/","title":{"rendered":"\u00c4\u00e4ni- ja videotiedostojen lis\u00e4\u00e4minen Zoner Kotisivukone -sivustolle koodin avulla"},"content":{"rendered":"\n

\u00c4\u00e4ni- ja videotiedostoja voi lis\u00e4t\u00e4 Zoner Kotisivukoneessa widgettien lis\u00e4ksi my\u00f6s HTML-koodin ja koodikomponentin avulla. T\u00e4ss\u00e4 oppaassa kerromme, miten se onnistuu.<\/p>\n\n\n\n

Huomaa:<\/strong> Koodikomponentti on Zoner Kotisivukoneen Premium- ja Business-pakettien ominaisuus. Jos k\u00e4yt\u00e4t Starter-pakettia, voit p\u00e4ivitt\u00e4\u00e4 sen suurempaan, tai vaihtoehtoisesti k\u00e4ytt\u00e4\u00e4 Youtube-widgetti\u00e4<\/a>.<\/p>\n\n\n\n

1. Lataa \u00e4\u00e4ni- tai videotiedosto verkkotilaasi<\/h2>\n\n\n\n

Lataa ensin \u00e4\u00e4ni- tai videotiedosto verkkotilaasi File Managerin tai FTP:n avulla. \u00c4\u00e4nen on oltava mp3-muodossa ja videon mp4-muodossa.<\/p>\n\n\n\n

    \n
  1. Avaa File Manager<\/strong>.<\/li>\n\n\n\n
  2. Napsauta + Lataa<\/strong> ja valitse \u00e4\u00e4ni- (mp3) tai videotiedosto (mp4), jonka haluat upottaa sivulle.<\/li>\n\n\n\n
  3. Kopioi tiedoston koko polku<\/strong> ja liit\u00e4 se talteen tekstitiedostoon, jotta voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 my\u00f6hemmin.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Lis\u00e4huomio<\/strong>: Itse lataamasi \u00e4\u00e4ni- tai videotiedostot eiv\u00e4t ole osa Zoner Kotisivukoneen varmuuskopiota. Suosittelemme, ett\u00e4 teet s\u00e4\u00e4nn\u00f6llisesti erillisen varmuuskopion my\u00f6s verkkotilasi sis\u00e4ll\u00f6st\u00e4.<\/p>\n\n\n\n

    2. Lis\u00e4\u00e4 koodi-komponentti sivulle<\/h2>\n\n\n\n
      \n
    1. Avaa Zoner Kotisivukone<\/li>\n\n\n\n
    2. Napsauta vasemmalla olevasta komponenttivalikosta Widgetit<\/strong>.<\/li>\n\n\n\n
    3. Vierit\u00e4 alasp\u00e4in ja valitse Koodi<\/strong>.<\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      3. Upota tiedoston koodi<\/h2>\n\n\n\n
        \n
      1. Valitse ja kopioi yksi alla olevista koodiesimerkeist\u00e4 ja liit\u00e4 se Zoner Kotisivukoneen koodikomponenttiin.<\/li>\n\n\n\n
      2. Korvaa koodissa FULL PATH<\/strong> \u00e4\u00e4ni- tai videotiedostosi koko polulla.<\/li>\n\n\n\n
      3. Napsauta Tallenna<\/strong>-painiketta.<\/li>\n<\/ol>\n\n\n\n

        Valitse jokin alla olevista esimerkeist\u00e4 tai luo oma koodisi k\u00e4ytt\u00e4m\u00e4ll\u00e4 HTML <audio> -tagia<\/a> ja HTML <video> -tagia<\/a>. Muista korvata FULL PATH<\/strong> \u00e4\u00e4ni- tai videotiedoston koko polulla.<\/p>\n\n\n\n

        \u00c4\u00e4nitiedosto:<\/h3>\n\n\n\n

        Upota mp3-\u00e4\u00e4nitiedosto:<\/strong><\/p>\n\n\n\n

        <audio controls>
        <source src=\"FULL PATH\" type=\"audio\/mpeg\">
        <\/audio><\/pre>\n\n\n\n
        Upota mp3-\u00e4\u00e4nitiedosto, jonka toisto alkaa automaattisesti:<\/strong><\/p>\n\n\n\n
        <audio controls autoplay>
        <source src=\"FULL PATH\" type=\"audio\/mpeg\">
        <\/audio><\/pre>\n\n\n\n
        Huomaa:<\/strong> Jotkut selaimet rajoittavat \u00e4\u00e4nen tai videon automaattista toistoa, vaikka olisit lis\u00e4nnyt sen koodiin.<\/p>\n\n\n\n
        Video:<\/h3>\n\n\n\n
        Upota mp4-videotiedosto:<\/strong><\/p>\n\n\n\n
        <video width=\"640\" height=\"480\" controls>
        <source src=\"FULL PATH\" type=\"video\/mp4\">
        <\/video><\/pre>\n\n\n\n
        Upota mp4-videotiedosto, jonka toisto alkaa automaattisesti:<\/strong><\/p>\n\n\n\n
        <video width=\"640\" height=\"480\" controls autoplay>
        <source src=\"FULL PATH\" type=\"video\/mp4\">
        <\/video><\/pre>\n\n\n\n
        Vinkki:<\/strong> Videon oletuskoko on 640×480. Voit s\u00e4\u00e4t\u00e4\u00e4 kokoa muuttamalla koodissa olevia leveys- ja korkeuslukuja. Jos haluat sovittaa videon koon katsojan n\u00e4yt\u00f6n mukaan, muuta leveyden arvoksi ”100%” (width=”100%”) ja korkeuden arvoksi ”auto” (height=”auto”).<\/p>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        4. Tallenna ja julkaise<\/h2>\n\n\n\n
          \n
        1. Komponentti on nyt lis\u00e4tty ty\u00f6tilaan. Ved\u00e4 se haluamaasi kohtaan sivulla.<\/li>\n\n\n\n
        2. Napsauta esikatselua<\/strong> tarkistaaksesi, n\u00e4kyyk\u00f6 komponentti oikein.<\/li>\n\n\n\n
        3. Jos kaikki on kunnossa, napsauta Tallenna<\/strong> ja julkaise<\/strong>, jotta muutokset n\u00e4kyv\u00e4t verkossa.<\/li>\n<\/ol>\n\n\n\n
          Vinkki:<\/strong> Lis\u00e4\u00e4 sivustoosi laatikko-komponentti, jonka mitat ovat samat kuin videon, ja kiinnit\u00e4 koodikomponentti laatikkoon. Sen avulla \u00e4\u00e4nen tai videon paikkaa on helpompi hallita. Videon koko m\u00e4\u00e4r\u00e4ytyy HTML-koodin korkeuden ja leveyden mukaan.<\/p>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          <\/p>\n","protected":false},"excerpt":{"rendered":"
          \u00c4\u00e4ni- ja videotiedostoja voi lis\u00e4t\u00e4 Zoner Kotisivukoneessa widgettien lis\u00e4ksi my\u00f6s HTML-koodin ja koodikomponentin avulla. T\u00e4ss\u00e4 oppaassa kerromme, miten se onnistuu. Huomaa: Koodikomponentti on Zoner Kotisivukoneen Premium- ja Business-pakettien ominaisuus. Jos k\u00e4yt\u00e4t Starter-pakettia, voit p\u00e4ivitt\u00e4\u00e4 sen suurempaan, tai vaihtoehtoisesti k\u00e4ytt\u00e4\u00e4 Youtube-widgetti\u00e4. 1. Lataa \u00e4\u00e4ni- tai videotiedosto verkkotilaasi Lataa ensin \u00e4\u00e4ni- tai videotiedosto verkkotilaasi File Managerin tai FTP:n avulla. \u00c4\u00e4nen on oltava … Lue lis\u00e4\u00e4<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"parent":137385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"131550,130819,130515,130269,130498,130667","_relevanssi_noindex_reason":"","footnotes":""},"categories":[166],"tags":[162],"wf_page_folders":[],"class_list":{"0":"post-133440","1":"page","2":"type-page","3":"status-publish","5":"category-zoner-kotisivukone","6":"tag-upotus-ja-koodi"},"_links":{"self":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/comments?post=133440"}],"version-history":[{"count":4,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133440\/revisions"}],"predecessor-version":[{"id":138761,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133440\/revisions\/138761"}],"up":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/137385"}],"wp:attachment":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/media?parent=133440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/categories?post=133440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/tags?post=133440"},{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/wf_page_folders?post=133440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}