Upota video tai youtube-leike

Lähetä video tuotesivulle, tuoteryhmäsivulle tai omalle sivullesi.

Minulla on videoleike, voinko ladata sen tiedostoarkistoon?

Kyllä voit ladata videoleikkeen tiedostoarkistoon, mutta sinun tulee aina käyttää suoratoistopalvelu, kuten YouTube , Vimeo tai vastaava videoilleen. Jos olet kuvannut jotain esimerkiksi matkapuhelimellasi ja ladannut videotiedoston suoraan sivustolle, vierailijoiden on ladattava koko videotiedosto ennen kuin he voivat katsoa leikkeen. Tämä voi aiheuttaa sen, että koko kauppa muuttuu erittäin hitaaksi ja latautuu hitaasti. Siksi sinun tulee aina ladata videoleike esimerkiksi YouTubeen ja sitten "upottaa" leike sieltä sivullesi.

Tärkeää miettiä
Abicartin teemat ovat responsiivisia, mikä tarkoittaa, että muotoilu mukautuu vierailijoiden näyttökokoihin. Useimmiten kun kopioit upotuskoodin suoratoistopalvelusta, koodissa on kiinteä leveys ja korkeus, mikä tarkoittaa, että videoleike ei reagoi. Käymme tämän sivun alempana läpi, kuinka tehdä leikeestä reagoiva.

Upota linkki YouTubesta

Kun olet ladannut videon YouTubeen , klikkaa "Jaa" videon alla:

Klikkaa sitten "Upota" ja kopioi koodi:

Liität linkin artikkelin artikkelin kuvaukseen, johon videon pitäisi tulee näkyviin.

Siirry Tuotteet -> valitse tuote, muokkaa ja liitä koodi kohtaan "Kuvaus". Tallentaa. 

Tee videosta responsiivinen

Teemaan upotettu video ei mukaudu automaattisesti vierailijan näytön kokoon. 

Ratkaisu:

Embed Responsive on sivusto, joka ei videosi responsiivinen.

Siirry osoitteeseen https://embedresponsively.com< /a>/ ja liitä linkki YouTubesta tai Vimeosta ja napsauta Upota:




koostuu CSS-osasta ja HTML-osasta, jotka sinun on liitettävä kahteen eri paikkaan.

Koodi, joka on <style> ja päättyy </style> on CSS-koodi ja liitetään Tyyliin -> Mukautettu CSS aktiivinen teemasi.

Kopioi sitten HTML-koodi (alkaen





Siirry tuotteisiin -> valitse tuote, muokkaa -> liitä kirjoita koodi "Kuvaus".

Upota Youtube-video, jotta siitä tulee 100 % leveä (16:9)

Lisää DIV-säilö koodin ympärille:

. yt-container {
    sijainti: suhteellinen;
    leveys: 100%;
    täyttö-ala: 56,25%;
  }

Lisää luokka yt-video tyylisivusi upotuskoodissa:

  .yt-video {
    position: absoluuttinen;
    ylhäällä: 0;
    vasen : 0;
    leveys : 100 %;
    korkeus: 100 %;
    reunus: 0;
  }

Esimerkki: 

<div class="yt- kontti"><iframe width="100%" height="100%" class="yt-video" src="https://www.youtube.com/embed/wyw2SCJ1ZSs " allowfullscreen="allowfullscreen"> </iframe></div>