Inline-video: Regler og eksempler

En inline-video er en vertet eller eksternt innebygd innspilling plassert i artikkelens leseflyt for å demonstrere, forklare eller dokumentere én avgrenset idé. Den inkluderer en synlig etikett, en bevisst valgt posterramme, avspillingskontroller, bildetekster, varighet og et fullstendig transkript. Uten disse omkringliggende ordene er en umerket spiller usynlig for enhver leser som ikke kan eller velger å ikke se—og nesten tom for systemer som trekker ut tekst i stedet for å dekode innspillingen.

Kommentaren om avventende poster er en spesifikasjon for bildeinnhenting, ikke en referanse til et aktiv. Den omkringliggende HTML-en viser den nødvendige leserekkefølgen før medieproduksjonen er fullført.

Hvorfor dette elementet betyr noe

Video reduserer forklaringskostnaden når bevegelse, timing, stemme eller endring over tid bærer mening. En leser kan se hvordan en meny åpnes, hvordan et fysisk produkt beveger seg, eller hvordan en taler kvalifiserer en konklusjon. Å se krever oppmerksomhet, lyd eller bildetekster, tid, og ofte mer data enn lesing, så en tydelig etikett og varighet lar leseren vurdere den kostnaden.

Posterrammer påvirker den avgjørelsen før avspilling. Et representativt stillbilde fungerer som et visuelt løfte om hva innspillingen inneholder. Et tilfeldig bilde med lukkede øyne, en lastespinner eller et urelatert tittelkort får innholdet til å se slurvete ut og tvinger leseren til å trykke på spill for å oppdage emnet. Plakaten bør avsløre tilstanden, personen, objektet eller resultatet videoen faktisk forklarer.

Maskinuttrekkbarhet er evnen programvare har til å gjenopprette betydningen av en innholdsenhet uten å gjengi presentasjonen. En bar iframe eksponerer vanligvis lite mer enn en leverandør-URL. Et merket element eksponerer en tittel, sammendrag, varighet, dato, poster, bildetekster, transkript og en stabil identifikator. Søk-, oversettelses-, tilgjengelighets- og gjenfinningssystemer kan da forstå den avgrensede forklaringen.

Transkriptet er derfor en del av elementet, ikke en valgfri nedlasting. Det bevarer talte påstander, talerskifter, meningsfulle lyder og visuelle handlinger i dokumentrekkefølge. Bildetekster støtter avspillingsopplevelsen; transkriptet støtter siden. Følg de delte element-skrivereglene for semantisk forrang, direktivsyntaks og kroppskartlegging. Denne siden har forrang der den krever et transkript, poster, varighet og videospesifikke tilgjengelighetsfelt.

Når du skal bruke det

Bruk inline-video når tidsbaserte bevis gjør et avgrenset poeng tydeligere enn stillbilder og prosa. Egnede tilfeller inkluderer en grensesnittoperasjon, fysisk teknikk, synlig overgang, ekspertforklaring, bevegelsesavhengig produktatferd, eller et registrert resultat der leveransen er bevis.

Bruk en erstattningstest før du bestiller innspillingen. Hvis ett skjermbilde og to setninger forklarer poenget like godt, bruk dem: de lastes raskere, skannes raskere og koster mindre å oppdatere. Video fortjener sin plass når sekvens, tempo, bevegelse, stemme eller observert atferd endrer forståelsen.

Tilfeller som er nære, men ikke kvalifiserer:

• En lang webinar inne i et ikke-relatert avsnitt: lenk til en dedikert videoside eller bruk en full videoinnbyggingsseksjon. Et inline-element må tjene den lokale argumentasjonen, ikke importere en time med tilstøtende emne.
• En stille, loopende dekorasjon: det er bevegelsesdesign, ikke redaksjonell video. Fjern det eller behandle det som dekorativt media med redusert bevegelsesatferd.
• En skjerminnspilling brukt i stedet for instruksjoner: skriv trinnene og suksesstilstanden i tekst. Videoen kan demonstrere dem, men den kan ikke være den eneste måten å fullføre oppgaven på.
• Et kundesitat klippet uten kontekst: et kort klipp kan støtte en casestudie bare når taleren, forholdet, opptaksdatoen, godkjenningen og den omkringliggende påstanden er oppgitt.
• En video hvis eneste verdi er personlighet: bruk den bare når stemme, levering eller talerens autoritet er relevant. Ikke få lesere til å se en programleder resitere tekst som allerede står på siden.
• Flere like klipp: bruk et galleri eller en dedikert medieseksjon når utvalg mellom innspillinger er oppgaven. Ikke stable inline-spillere.

Hvor du skal plassere det

Plasser videoen umiddelbart etter avsnittet som navngir hva leseren vil lære eller observere. Sett tittelen, varigheten og sammendraget før spilleren. Plasser transkriptet rett etter den, sammenbrettet bare når den fullstendige teksten forblir i HTML uten avspillingskode.

I en prosedyre, plasser spilleren etter den skriftlige handlingssekvensen og før feilsøking. Leseren bør kunne handle uten å se, og deretter bruke innspillingen for å bekrefte bevegelse eller grensesnitttilstand. I en argumentasjon eller casestudie, angi påstanden før innspillingen og tolk dens begrensninger etter den.

Ikke plasser den ved siden av en annen spiller, autoavspillende animasjon, stor handlingsknapp, skjema eller kalkulator. Konkurrerende kontroller skaper uklart fokus. Ikke plasser den inne i en tabellcelle, listeelement, oppfordringsfelt, fane, karusell, trekkspillpanel eller klikkbart kort. Transkriptet kan bruke et avsløringskontroll; hele videoen må ikke.

Hold tittelen, sammendraget, plakaten, spilleren, varigheten, transkriptkontrollen og kreditering innenfor én figur-grense. En kildehenvisning kan følge umiddelbart etter. Skill aldri spilleren fra transkriptet med en annonse, promotering eller ikke-relatert seksjon.

Anatomi

1. Synlig tittel: Navngir oppgaven, demonstrasjonen, hendelsen eller påstanden i spesifikk HTML-tekst.
2. Sammendrag: Forklarer i én setning hva leseren vil se og hvorfor det betyr noe.
3. Varighet: Angir visningskostnaden før avspilling i minutter og sekunder.
4. Posterramme: Viser en representativ, godkjent ramme uten å late som den er en knapp i seg selv.
5. Spillerkontroller: Gir avspilling, pause, søk, volum, fullskjerm, avspillingshastighet og bildeteksttilgang.
6. Bildetekster: Synkroniserer dialog, talerskifter og meningsfulle ikke-talelyder med avspilling.
7. Transkript: Gjengir den fullstendige meningsfulle sekvensen som valgbar, søkbar HTML-tekst.
8. Visuelle beskrivelser: Registrerer meningsfulle handlinger på skjermen eller endringer som fortellerstemmen ikke uttaler.
9. Kreditering og kilde: Identifiserer taleren, skaperen, opptaksdatoen eller bevisets opprinnelse når relevant.

Tittelen er ikke filnavnet, og sammendraget er ikke «Se videoen under». Hver må forbli nyttig når den kopieres uten spilleren.

Designeksempler

Alle varianter deler samme innholdskontrakt. Levering endres; merking, bildetekster, transkriptkvalitet, avspillingssamtykke og leserekkefølge gjør ikke.

Vertet demonstrasjon

Bruk en førsteparts HTML5-spiller for en kort produkt- eller prosessinnspilling når organisasjonen kontrollerer koding, bildetekster, postervalg og tilgjengelighet.

Personvernbevisst ekstern innbygging

Bruk en ekstern plattform når dens levering, analyse eller etablerte kanal er påkrevd. Last inn leverandøren bare etter samtykke der policy krever det, identifiser leverandøren før aktivering, og bevar det lokale transkriptet selv om leverandøren fjerner innspillingen.

Kort grensesnittklipp

Bruk et kortfattet klipp for én tilstandsendring som er vanskelig å formidle med stillbilder. Det trenger fortsatt kontroller, en pausemekanisme, en meningsfull tekstbeskrivelse og et transkript; ikke gjør det til en automatisk loopende GIF.

Intervju- eller bevisklipp

Bruk et talerledet klipp når forfatterskap, ordlyd eller observert vitnesbyrd betyr noe. Vis personens navn og rolle i HTML, oppgi redigeringer, og transkriber både tale og materielle visuelle bevis.

Parametere

Disse feltene utgjør den bærbare innholdskontrakten. Bredde, kantlinje, skygge, avspillingsknappstil og bruddpunktatferd tilhører gjengiveren.

Den første kroppsoverskriften kartlegges til title; det første avsnittet kartlegges til summary; resten av kroppen kartlegges til transcript. Tidsintervaller i transkriptet er valgfrie for en kontinuerlig enetalersforklaring og anbefales for prosedyrer, talerskifter og innspillinger lengre enn to minutter. autoplay, loop og bakgrunnslydfelt er bevisst fraværende.

Syntaks og kodeeksempler

Hver notasjon bevarer samme tittel, sammendrag, mediametadata, bildetekster og transkript. Eksempeldomenene beskriver kontrakten og er ikke produksjonsressursreferanser.

Bærbar Markdown-direktiv

:::inline-video{src="https://media.example.com/freshness-filter.mp4" provider=hosted poster="https://media.example.com/freshness-filter-poster.webp" duration="PT1M30S" captions="https://media.example.com/freshness-filter.en.vtt" language=en uploadDate="2026-08-27"}

## Filtrer sider som trenger gjennomgang

Se hvordan du bruker filteret Trenger gjennomgang og bekrefter den resulterende arbeidskøen.

**00:00–00:18 — Åpne rapporten.** Fra Audit åpner du Freshness.

**00:19–00:54 — Bruk filteret.** Åpne Status og velg Trenger gjennomgang.

**00:55–01:30 — Bekreft køen.** Bekreft at hver synlig rad har forventet status.
:::

Hugo-shortkode

{{< inline-video src="https://media.example.com/freshness-filter.mp4" provider="hosted" poster="https://media.example.com/freshness-filter-poster.webp" duration="PT1M30S" captions="https://media.example.com/freshness-filter.en.vtt" language="en" uploadDate="2026-08-27" >}}
## Filtrer sider som trenger gjennomgang

Se hvordan du bruker filteret Trenger gjennomgang og bekrefter den resulterende arbeidskøen.

**00:00–00:18 — Åpne rapporten.** Fra Audit åpner du Freshness.

**00:19–00:54 — Bruk filteret.** Åpne Status og velg Trenger gjennomgang.

**00:55–01:30 — Bekreft køen.** Bekreft at hver synlig rad har forventet status.
{{< /inline-video >}}

Dette er den tiltenkte adapterkontrakten, ikke en påstand om at en lokal shortkode eksisterer. Den bruker kun navngitte parametere. Inntil en gjengiver er registrert, bruk semantisk figure-, video-, track- og transkript-HTML som bevarer de samme feltene.

WordPress-blokk

<!-- wp:amicited/inline-video {"src":"https://media.example.com/freshness-filter.mp4","provider":"hosted","poster":"https://media.example.com/freshness-filter-poster.webp","duration":"PT1M30S","captions":"https://media.example.com/freshness-filter.en.vtt","language":"en","uploadDate":"2026-08-27"} -->
<h2>Filtrer sider som trenger gjennomgang</h2>
<p>Se hvordan du bruker filteret Trenger gjennomgang og bekrefter den resulterende arbeidskøen.</p>
<video controls preload="metadata" poster="https://media.example.com/freshness-filter-poster.webp">
  <source src="https://media.example.com/freshness-filter.mp4" type="video/mp4">
  <track kind="captions" srclang="en" src="https://media.example.com/freshness-filter.en.vtt" label="English" default>
</video>
<details><summary>Les transkriptet</summary><p><strong>00:00–00:18 — Åpne rapporten.</strong> Fra Audit åpner du Freshness.</p><p><strong>00:19–00:54 — Bruk filteret.</strong> Åpne Status og velg Trenger gjennomgang.</p><p><strong>00:55–01:30 — Bekreft køen.</strong> Bekreft at hver synlig rad har forventet status.</p></details>
<!-- /wp:amicited/inline-video -->

Hvis den registrerte WordPress-blokken ikke er tilgjengelig, bruk opprinnelige Video-, Overskrift-, Avsnitts- og Detaljer-blokker. Ikke lim inn en iframe og utelat det lokale transkriptet.

Eksempler

Bra: en avgrenset demonstrasjon med et lesealternativ

Filtrer sider som trenger gjennomgang · 1:30

Videoen viser én oppgave: å åpne en ferskhetsrapport, bruke et statusfilter og sjekke resultatantallet. Plakaten viser det åpne filteret, bildetekstene identifiserer grensesnittetiketter nøyaktig, og det tredelte transkriptet registrerer hver handling og suksesskontroll. Avspilling begynner først etter aktivering.

Dette fungerer fordi en leser kan forutsi verdien og tidskostnaden, se med lyd, se med bildetekster, eller fullføre samme oppgave fra transkriptet. Innspillingen legger til bevegelses- og tilstandsendringsbevis uten å bli den eneste instruksjonen.

Dårlig: en umerket spiller

Se dette
En tredjeparts iframe lastes automatisk under overskriften. Plakaten er en svart ramme, ingen varighet vises, bildetekster er leverandørgenererte og ikke gjennomgått, og siden inneholder verken transkript eller sammendrag.

Den dårlige versjonen får hver ikke-seende leser til å gjette. Den gir uttrekkssystemer intet emne, ber personvernbevisste lesere om å kontakte en leverandør før de velger avspilling, tilbyr ingen varig tekst når innspillingen forsvinner, og kan annonsere feilaktige bildetekster som fakta. Reparer den med en spesifikk tittel og sammendrag, bevisst poster, varighet, samtykkebevist lasting, gjennomgåtte bildetekster, fullstendig lokalt transkript, og en skriftlig oppgave eller påstand utenfor spilleren.

Skjemamarkering og tilgjengelighet

Inline-video skaper ikke automatisk en skjemaberttigelse. Bruk VideoObject bare når siden synlig leverer nøyaktige name-, description-, thumbnailUrl-, uploadDate-, duration- og contentUrl- eller embedUrl-verdier for den tilgjengelige innspillingen. Finn aldri opp felt for å tilfredsstille en validator eller marker et dekorativt klipp som primærvideo.

En relevant video kan støtte en kvalifisert Article, HowTo eller Product når siden uavhengig kvalifiserer. Transkriptet kan ikke rettferdiggjøre påstander eller trinn som er fraværende fra den synlige siden.

Tilgjengelighet begynner før avspilling. Merk figuren, vis tittel og varighet i tekst, og gi kontrollene tastaturoperasjon og synlig fokus. Aldri autoavspilling. Gi pause, søk, volum, hastighet, bildetekster og fullskjerm. Ikke fang fokus i en tredjepartsspiller; etter at fullskjerm lukkes, returner det til startkontrollen.

Bildetekster må være synkroniserte, tegnsatte og gjennomgått mot innspillingen. Identifiser talere når stemmen ikke er åpenbar, og inkluder meningsfulle lyder som «[varselstone]» når de påvirker forståelsen. Lydbeskrivelse er påkrevd når meningsfull visuell informasjon ikke uttales i hovedlyden; et beskrivende transkript alene gjør ikke den tidsbestemte avspillingsopplevelsen likeverdig.

Transkriptet må være ekte HTML i logisk rekkefølge—ikke lerret, kun-avspilling-innhold, skjult tekst eller kun-PDF-nedlasting. Avsløringskontroller trenger et tilgjengelig navn og utvidet tilstand. Spiller og transkript må fungere ved 200 % zoom og smale bredder uten horisontal rulling på sidenivå.

Skriveregler

Ordene rundt spilleren avgjør om videoen er et innholdselement eller et uforklart objekt:

• Skriv en spesifikk tittel på 4–12 ord. Navngi oppgaven, demonstrasjonen, taleren, hendelsen eller funnet; bruk aldri «Video», «Se dette» eller «Lær mer» alene.
• Skriv én sammendragssetning på 15–35 ord som forteller leseren hva som skjer og hvorfor det betyr noe. Ikke gjenta tittelen.
• Hold inline-innspillinger fokuserte og normalt under fem minutter. Den harde maksgrensen er 20 minutter; lengre innspillinger hører hjemme på en dedikert side eller trenger redaksjonell segmentsjon.
• Vis varighet før avspilling. Bruk M:SS for synlig tekst og ISO 8601, som PT1M30S, i strukturerte felt.
• Velg en poster som representerer emnet ved normal visningsstørrelse. Unngå tomme rammer, spinnere, utilsiktede uttrykk, villedende avspillingsknapper, bitteliten grensesnitttekst og uautoriserte person- eller kundeopplysninger.
• Gå gjennom bildetekster mot den endelige redigeringen. Rett opp navn, produktetiketter, tall, domeneterminologi, tegnsetting, talerskifter og meningsfulle lyder.
• Transkriber all meningsfull tale og visuelle elementer. Sammendrag, kapitteltitler og automatisk genererte bildetekstfiler erstatter ikke transkriptet.
• Bruk korte transkriptavsnitt, taleretiketter der det trengs, og tidsintervaller rundt prosedyretrinn eller emneendringer. Ikke konstruer sitater fra parafrasert tale.
• Oppgi redigeringer som kunne endre tolkning. Ikke sett sammen et vitnesbyrd, eksperiment eller demonstrasjon slik at sekvensen antyder et ikke-støttet resultat.
• Hold essensielle instruksjoner, priser, advarsler, kvalifikasjonsbetingelser, bevis og handlingsoppfordringer utenfor innspillingen. En leser må ikke måtte skrubbe gjennom en tidslinje for å finne en viktig opplysning.
• Plasser aldri autoavspilling, blinkende innhold, bakgrunnslyd, konverteringsoverlegg, sperrede transkriptfelt eller en ekstra spiller inne i elementet.
• Registrer medieeieren og gjennomgangsutløseren. Sjekk videoen på nytt når grensesnittet, policyen, produktatferden, talertilskrivelsen eller den omkringliggende påstanden endres.

Innleggstyper som bruker det

postTypes-frontmatter-arrayet driver denne matrisen. Inkludering tillater inline-video når tidsbaserte bevis tilfører mening; det krever ikke en spiller på hver side.

QA-sjekkliste

• Videoen tilfører tidsbasert mening som et stillbilde og kortfattet prosa ikke kan formidle like godt.
• Den synlige tittelen navngir innspillingen spesifikt, og sammendraget forklarer dens verdi før avspilling.
• Varighet vises før leseren aktiverer spilleren.
• Posteren er representativ, lesbar, godkjent og fri for privat eller villedende innhold.
• Avspilling starter aldri automatisk, looper uventet, eller produserer lyd uten en leserhandling.
• Spill-, pause-, søk-, volum-, hastighets-, bildetekst- og fullskjermkontroller fungerer med tastatur og berøring.
• Bildetekster samsvarer med den endelige redigeringen og bevarer korrekt navn, tall, talerskifter og meningsfulle lyder.
• Meningsfulle visuelle elementer som ikke formidles i tale, får lydbeskrivelse eller en tilsvarende alternativ versjon.
• Det fullstendige transkriptet er valgbar HTML, følger innspillingens rekkefølge og beskriver nødvendige visuelle handlinger.
• Skriftlige instruksjoner, advarsler, betingelser, bevis og handlingsoppfordringer forblir tilgjengelige utenfor videoen.
• Ekstern leverandørlasting følger gjeldende samtykkeregler, og leverandøren identifiseres før aktivering.
• Spilleren, etiketten og transkriptet forblir én semantisk figur og avbrytes ikke av ikke-relatert innhold.
• Elementet er ikke nestet inne i en tabell, liste, oppfordringsfelt, fane, karusell, trekkspillpanel eller klikkbar beholder.
• Innspillingen og transkriptet fungerer ved 200 % zoom, smale bredder, redusert bevegelse og uten JavaScript-avhengig mening.
• Eventuelle VideoObject-felt samsvarer med synlige, verifiserbare mediametadata og den tilgjengelige innspillingen.
• Den valgte innleggstypen vises i postTypes, og plasseringen samsvarer med matrisen ovenfor.
• Medieeieren, rettighetene, opptaksdatoen og betingelser for gjennomgang eller erstatning er registrert.

FAQ

Trenger hver inline-video et transkript?

Ja. Bildetekster tjener synkronisert avspilling; transkriptet tjener lesing, skanning, søk, oversettelse, sitater, tilgjengelighet og uttrekk. Det må inneholde det fullstendige meningsfulle innholdet, inkludert visuelle handlinger som tale ikke forklarer.

Kan posterrammen inneholde videotittelen?

Ja, men den samme identifiserende informasjonen må også vises i HTML-tekst. Posterteks kan være uleselig på en liten skjerm, utilgjengelig når bilder svikter, og utilgjengelig for programvare som ikke tolker piksler.

Bør en inline-video spilles av automatisk?

Nei. Autoavspilling bruker data, avbryter lesing, introduserer uoppfordret bevegelse eller lyd, og fjerner leserens valg om når de vil engasjere seg. Start bare etter en eksplisitt aktivering.

Er bildetekster og et transkript det samme?

Nei. Bildetekster er tidsbestemt til avspilling og inkluderer relevante lydsignaler. Et transkript er et varig lesealternativ organisert i innspillingens rekkefølge og beriket med nødvendige beskrivelser av meningsfylte visuelle elementer.

Krever en inline-video VideoObject-skjema?

Nei. Legg til VideoObject bare når nøyaktig synlige metadata og en stabil innspilling støtter det. En spiller uten et pålitelig navn, beskrivelse, poster, opplastingsdato, varighet og media-URL bør ikke generere ufullstendig eller oppdiktet markering.