Bæta við myndböndum

Skjalavefurinn styður innfelld myndbönd á hvaða síðu sem er. Notaðu þau fyrir leiðbeiningar, sýnikennslu, þjálfun eða til að styðja við kyrrstæða skjámynd þegar hreyfing útskýrir verkflæðið betur en texti.

Guidde

Guidde er ráðlagt verkfæri fyrir vöruleiðsögn. Það tekur upp skjáinn, býr til handritið og skilar bæði myndbandi og skriflegri uppskrift.

Til að fella inn Guidde playbook:

<iframe
  src="https://embed.app.guidde.com/playbooks/9VYRA5njRt2NFTNofMBEyF"
  width="100%"
  height="500"
  frameborder="0"
  allowfullscreen
  loading="lazy">
</iframe>

Playbook auðkennið kemur úr deilitenglinum. Til dæmis er auðkennið 9VYRA5njRt2NFTNofMBEyF í slóðinni https://app.guidde.com/share/playbooks/9VYRA5njRt2NFTNofMBEyF.

Dæmi í notkun:

YouTube

<iframe
  width="100%"
  height="500"
  src="https://www.youtube.com/embed/VIDEO_ID"
  title="Title for screen readers"
  frameborder="0"
  allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  loading="lazy">
</iframe>

Taktu VIDEO_ID úr YouTube slóðinni, annaðhvort youtube.com/watch?v=VIDEO_ID eða youtu.be/VIDEO_ID.

Vimeo

<iframe
  width="100%"
  height="500"
  src="https://player.vimeo.com/video/VIDEO_ID"
  title="Title for screen readers"
  frameborder="0"
  allow="autoplay; fullscreen; picture-in-picture"
  allowfullscreen
  loading="lazy">
</iframe>

Sjálfhýst myndband

Fyrir stutt myndskeið, undir 10 MB, sem eru vistuð í geymslunni sjálfri skaltu setja skrána í site/src/assets/videos/ og vísa beint í hana:

<video controls width="100%" preload="metadata">
  <source src="/tero-docs/_astro/feature-demo.mp4" type="video/mp4" />
  Your browser doesn't support embedded video. <a href="/tero-docs/_astro/feature-demo.mp4">Download the file</a>.
</video>

Fyrir stærri skrár, 10 MB eða meira, skaltu nota CDN eða þjónustu eins og Bunny Stream eða Cloudflare Stream. Ekki setja stór tvíundarskjöl beint í geymsluna.

Leiðbeiningar

• Hafðu myndbönd stutt. 1 til 3 mínútur er kjörið, lengri myndböndum er oftar sleppt.
• Paraðu myndband við texta. Sumir kjósa að lesa og aðrir að horfa. Gefðu kost á hvoru tveggja.
• Textaðu allt. Annaðhvort með brenndum texta eða með upphleðslu á YouTube eða Vimeo með uppskrift.
• Lazy-load. Hafðu alltaf loading="lazy" á iframes. Myndbönd eiga ekki að hlaðast fyrr en þeim er flett inn á skjá.
• Ekki sjálfspila. Það kemur lesendum á óvart og eyðir bandbreidd.

Hvenær á að nota myndband í stað texta, eða með honum

Notaðu myndband	Notaðu texta	Notaðu hvort tveggja
Fjölþrepa ferli með bendli á hreyfingu	Einn skjár og formreitir	Mikilvæg verkflæði, til dæmis að ljúka verki eða setja upp forvarnir
Drag-and-drop og staðbundin samskipti	Listar, uppsetning og tilvísanir	Onboarding síður fyrir nýja notendur
Hreyfingar í farsíma og QR-skönnun	Heimildir og hlutverk	Skráningar- og innskráningarsíður