Video Inline: Reguli și Exemple

Un video inline este o înregistrare găzduită sau încorporată extern, plasată în fluxul de lectură al articolului pentru a demonstra, explica sau documenta o singură idee bine delimitată. Acesta include o etichetă vizibilă, un cadru fix deliberat, comenzi de redare, subtitrări, durată și o transcriere completă. Fără aceste cuvinte înconjurătoare, un player neetichetat este invizibil pentru orice cititor care nu poate sau alege să nu se uite—și aproape gol pentru sistemele care extrag text în loc să decodeze înregistrarea.

Comentariul privind cadrul fix în așteptare este o specificație de captură, nu o referință la un fișier. HTML-ul înconjurător demonstrează ordinea de lectură necesară înainte ca producția media să fie finalizată.

De ce contează acest element

Videoclipul reduce costul explicației atunci când mișcarea, sincronizarea, vocea sau schimbarea în timp poartă semnificație. Un cititor poate vedea cum se deschide un meniu, cum se mișcă un produs fizic sau cum un vorbitor califică o concluzie. Vizionarea necesită atenție, sunet sau subtitrări, timp și adesea mai multe date decât cititul, așa că o etichetă clară și durata îi permit cititorului să evalueze acest cost.

Cadrele fixe influențează această decizie înainte de redare. Un cadru reprezentativ acționează ca o promisiune vizuală a ceea ce conține înregistrarea. Un cadru aleatoriu cu ochii închiși, un indicator de încărcare sau o carte de titlu fără legătură face ca conținutul să pară neglijent și îl obligă pe cititor să apese play pentru a descoperi subiectul. Cadrul fix ar trebui să dezvăluie starea, persoana, obiectul sau rezultatul pe care videoclipul îl explică de fapt.

Extractibilitatea automată este capacitatea software-ului de a recupera sensul unei unități de conținut fără a-i reproduce prezentarea. Un iframe gol expune de obicei puțin mai mult decât un URL al furnizorului. Un element etichetat expune un titlu, un rezumat, o durată, o dată, un cadru fix, subtitrări, o transcriere și un identificator stabil. Sistemele de căutare, traducere, accesibilitate și regăsire pot înțelege astfel explicația bine delimitată.

Transcrierea face deci parte din element, nu este un descărcare opțională. Aceasta păstrează afirmațiile vorbite, schimbările de vorbitor, sunetele semnificative și acțiunile vizuale în ordinea documentului. Subtitrările susțin experiența de redare; transcrierea susține pagina. Urmează regulile comune de redactare a elementelor pentru precedența semantică, sintaxa directivelor și maparea corpului. Această pagină are prioritate acolo unde impune o transcriere, un cadru fix, o durată și câmpuri de accesibilitate specifice videoclipului.

Când să îl folosești

Folosește video inline atunci când dovezile bazate pe timp explică un punct bine delimitat mai clar decât imaginile statice și proza. Cazurile potrivite includ o operațiune de interfață, o tehnică fizică, o tranziție vizibilă, o explicație de specialitate, un comportament al produsului dependent de mișcare sau un rezultat înregistrat a cărui prezentare este dovada în sine.

Aplică un test de înlocuire înainte de a comanda înregistrarea. Dacă o singură captură de ecran și două propoziții explică la fel de bine punctul, folosește-le: se încarcă mai repede, se scanează mai repede și costă mai puțin de actualizat. Videoclipul își câștigă locul atunci când succesiunea, ritmul, mișcarea, vocea sau comportamentul observat schimbă înțelegerea.

Cazurile apropiate includ:

• Un webinar lung în interiorul unui paragraf fără legătură: trimite la o pagină de video dedicată sau folosește o secțiune de încorporare video completă. Un element inline trebuie să servească argumentul local, nu să importe o oră de subiect conex.
• O decorație cu buclă silentioasă: aceasta este grafică animată, nu video editorial. Elimin-o sau trateaz-o ca mediu decorativ cu comportament de mișcare redusă.
• O înregistrare a ecranului folosită în loc de instrucțiuni: scrie pașii și starea de succes în text. Videoclipul le poate demonstra, dar nu poate fi singura modalitate de a finaliza sarcina.
• O citație a unui client decupată fără context: un clip scurt poate susține un studiu de caz doar atunci când vorbitorul, relația, data înregistrării, aprobarea și afirmația înconjurătoare sunt dezvăluite.
• Un video a cărui singură valoare este personalitatea: folosește-l doar atunci când vocea, livrarea sau autoritatea vorbitorului sunt relevante. Nu face cititorii să urmărească un prezentator care recitește un text deja pe pagină.
• Mai multe clipuri similare: folosește o galerie sau o secțiune media dedicată atunci când selectarea dintre înregistrări este sarcina. Nu stivui player-e inline.

Unde să îl plasezi

Plasează videoclipul imediat după paragraful care numește ceea ce cititorul va învăța sau observa. Pune titlul, durata și rezumatul înaintea playerului. Plasează transcrierea direct după acesta, restrânsă doar atunci când textul complet rămâne în HTML fără cod de redare.

Într-o procedură, plasează playerul după succesiunea de acțiuni scrisă și înainte de depanare. Cititorul ar trebui să poată acționa fără a viziona, apoi să folosească înregistrarea pentru a confirma mișcarea sau starea interfeței. Într-un argument sau studiu de caz, enunță afirmația înaintea înregistrării și interpretează limitele acesteia după.

Nu plasa playerul lângă un alt player, o animație cu redare automată, un apel mare la acțiune, un formular sau un calculator. Controalele concurente creează un focus neclar. Nu îl pune în interiorul unei celule de tabel, al unui element de listă, al unui callout, al unei file, al unui carusel, al unui panou de acordeon sau al unui card pe care se poate face clic. Transcrierea poate folosi un control de dezvăluire; întregul videoclip nu trebuie.

Păstrează titlul, rezumatul, cadrul fix, playerul, durata, controlul transcrierii și creditul într-un singur perimetru figure. O notă sursă poate urma imediat. Nu separa niciodată playerul de transcrierea sa printr-o reclamă, promoție sau secțiune fără legătură.

Anatomie

1. Titlu vizibil: Denumește sarcina, demonstrația, evenimentul sau afirmația în text HTML specific.
2. Rezumat: Explică într-o propoziție ce va vedea cititorul și de ce contează.
3. Durata: Indică costul vizionării înainte de redare, în minute și secunde.
4. Cadru fix: Arată un cadru reprezentativ, aprobat, fără a pretinde că este el însuși un buton.
5. Comenzi player: Oferă acces la play, pauză, căutare, volum, ecran complet, viteză de redare și subtitrări.
6. Subtitrări: Sincronizează dialogul, schimbările de vorbitor și sunetele semnificative non-verbale cu redarea.
7. Transcriere: Reproduce succesiunea completă și semnificativă ca text HTML selectabil și căutabil.
8. Descrieri vizuale: Înregistrează acțiunile sau modificările semnificative de pe ecran pe care narațiunea nu le menționează.
9. Credit și sursă: Identifică vorbitorul, creatorul, data înregistrării sau proveniența dovezilor atunci când este relevant.

Titlul nu este numele fișierului, iar rezumatul nu este „Urmărește videoclipul de mai jos.” Fiecare trebuie să rămână util atunci când este copiat fără player.

Exemple de design

Toate variantele respectă același contract de conținut. Livrarea se schimbă; etichetarea, subtitrările, calitatea transcrierii, consimțământul pentru redare și ordinea de lectură nu.

Demonstrație găzduită

Folosește un player HTML5 first-party pentru o înregistrare scurtă de produs sau proces atunci când organizația controlează codarea, subtitrările, selecția cadrului fix și disponibilitatea.

Încorporare externă cu respectarea confidențialității

Folosește o platformă externă atunci când livrarea, analizele sau canalul stabilit sunt necesare. Încarcă furnizorul doar după consimțământ acolo unde politica o impune, identifică furnizorul înainte de activare și păstrează transcrierea locală chiar dacă furnizorul elimină înregistrarea.

Clip scurt de interfață

Folosește un clip concis pentru o singură schimbare de stare care este greu de comunicat cu imagini statice. Are nevoie totuși de comenzi, un mecanism de pauză, o descriere text semnificativă și o transcriere; nu îl transforma într-un GIF cu buclă automată.

Interviu sau clip probatoriu

Folosește un clip cu vorbitor atunci când autorul, formularea sau mărturia observată contează. Arată numele și rolul persoanei în HTML, dezvăluie editările și transcrie atât vorbirea, cât și dovezile vizuale materiale.

Parametri

Aceste câmpuri formează contractul portabil de conținut. Lățimea, bordura, umbra, stilul butonului de play și comportamentul la punctele de întrerupere aparțin motorului de randare.

Prima rubrică din corp se mapează la title; primul paragraf se mapează la summary; restul corpului se mapează la transcript. Intervalele de timp din transcriere sunt opționale pentru o explicație continuă cu un singur vorbitor și recomandate pentru proceduri, schimbări de vorbitor și înregistrări mai lungi de două minute. Câmpurile autoplay, loop și cele de fundal audio sunt deliberate absente.

Sintaxă și exemple de cod

Fiecare notație păstrează același titlu, rezumat, metadate media, subtitrări și transcriere. Domeniile din exemple descriu contractul și nu sunt referințe la active de producție.

Directivă Markdown portabilă

:::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"}
## Filtrează paginile care necesită revizuire

Vezi cum să aplici filtrul Needs review și să verifici lista de lucru rezultată.

**00:00–00:18 — Deschide raportul.** Din Audit, deschide Freshness.

**00:19–00:54 — Aplică filtrul.** Deschide Status și alege Needs review.

**00:55–01:30 — Verifică lista.** Confirmă că fiecare rând vizibil are starea așteptată.
:::

Shortcode Hugo

{{< 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" >}}
## Filtrează paginile care necesită revizuire

Vezi cum să aplici filtrul Needs review și să verifici lista de lucru rezultată.

**00:00–00:18 — Deschide raportul.** Din Audit, deschide Freshness.

**00:19–00:54 — Aplică filtrul.** Deschide Status și alege Needs review.

**00:55–01:30 — Verifică lista.** Confirmă că fiecare rând vizibil are starea așteptată.
{{< /inline-video >}}

Acesta este contractul de adaptare intenționat, nu o afirmație că există un shortcode local. Folosește doar parametri numiți. Până la înregistrarea unui motor de randare, folosește HTML semantic cu figure, video, track și transcriere care păstrează aceleași câmpuri.

Bloc WordPress

<!-- 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>Filtrează paginile care necesită revizuire</h2>
<p>Vezi cum să aplici filtrul Needs review și să verifici lista de lucru rezultată.</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>Citește transcrierea</summary><p><strong>00:00–00:18 — Deschide raportul.</strong> Din Audit, deschide Freshness.</p><p><strong>00:19–00:54 — Aplică filtrul.</strong> Deschide Status și alege Needs review.</p><p><strong>00:55–01:30 — Verifică lista.</strong> Confirmă că fiecare rând vizibil are starea așteptată.</p></details>
<!-- /wp:amicited/inline-video -->

Dacă blocul WordPress înregistrat nu este disponibil, folosește blocurile native Video, Heading, Paragraph și Details. Nu lipi un iframe și nu omite transcrierea locală.

Exemple

Corect: o demonstrație bine delimitată cu alternativă de lectură

Filtrează paginile care necesită revizuire · 1:30

Videoclipul arată o singură sarcină: deschiderea unui raport de prospețime, aplicarea unui filtru de stare și verificarea numărului de rezultate. Cadrul său fix arată filtrul deschis, subtitrările identifică exact etichetele interfeței, iar transcrierea în trei părți înregistrează fiecare acțiune și verificare a succesului. Redarea începe doar după activare.

Acest lucru funcționează deoarece un cititor poate anticipa valoarea și costul de timp, poate viziona cu sunet, poate viziona cu subtitrări sau poate finaliza aceeași sarcină din transcriere. Înregistrarea adaugă dovezi de mișcare și schimbare de stare fără a deveni singura instrucțiune.

Greșit: un player neetichetat

Urmărește acest clip Un iframe terță parte se încarcă automat sub titlu. Cadrul său fix este un cadru negru, nu apare nicio durată, subtitrările sunt generate de furnizor și nerevizuite, iar pagina nu conține nicio transcriere sau rezumat.

Versiunea greșită îl face pe fiecare cititor care nu vizionează să ghicească. Nu oferă extractoarelor niciun subiect, le cere cititorilor preocupați de confidențialitate să contacteze un furnizor înainte de a alege redarea, nu oferă text durabil atunci când înregistrarea dispare și poate prezenta subtitrări incorecte ca fapte. Repară-l cu un titlu și un rezumat specifice, un cadru fix deliberat, o durată, o încărcare cu conștientizarea consimțământului, subtitrări revizuite, o transcriere locală completă și o sarcină sau o afirmație scrisă în afara playerului.

Marcarea schema și accesibilitatea

Videoclipul inline nu creează automat o îndreptățire la schemă. Folosește VideoObject doar atunci când pagina furnizează vizibil valori corecte pentru name, description, thumbnailUrl, uploadDate, duration și contentUrl sau embedUrl pentru înregistrarea accesibilă. Nu inventa niciodată câmpuri pentru a satisface un validator sau pentru a marca un clip decorativ ca video principal.

Un video relevant poate susține un Article, HowTo sau Product eligibil atunci când pagina se califică independent. Transcrierea sa nu poate justifica afirmații sau pași absenți din pagina vizibilă.

Accesibilitatea începe înainte de redare. Etichetează figure, arată titlul și durata în text și oferă comenzilor operare cu tastatura și focalizare vizibilă. Nu reda niciodată automat. Oferă pauză, căutare, volum, viteză, subtitrări și ecran complet. Nu bloca focalizarea într-un player terță parte; după închiderea ecranului complet, returnează focalizarea la controlul de pornire.

Subtitrările trebuie să fie sincronizate, punctate și revizuite față de înregistrare. Identifică vorbitorii atunci când vocea nu este evidentă și include sunete semnificative, cum ar fi „[ton de notificare]”, atunci când afectează înțelegerea. Descrierea audio este necesară atunci când informațiile vizuale semnificative nu sunt menționate în audio principal; o transcriere descriptivă singură nu face ca experiența de redare sincronizată să fie echivalentă.

Transcrierea trebuie să fie HTML real, în ordine logică—nu canvas, conținut doar pentru redare, text ascuns sau un descărcare doar PDF. Controalele de dezvăluire au nevoie de un nume accesibil și o stare extinsă. Playerul și transcrierea trebuie să funcționeze la 200% zoom și lățimi înguste, fără derulare orizontală la nivelul paginii.

Reguli de redactare

Cuvintele din jurul playerului determină dacă videoclipul este un element de conținut sau un obiect neexplicat:

• Scrie un titlu specific de 4–12 cuvinte. Numește sarcina, demonstrația, vorbitorul, evenimentul sau constatarea; nu folosi niciodată „Video”, „Urmărește” sau „Află mai multe” singur.
• Scrie o propoziție de rezumat de 15–35 de cuvinte care spune cititorului ce se întâmplă și de ce contează. Nu repeta titlul.
• Păstrează înregistrările inline concentrate și în mod normal sub cinci minute. Maximumul strict este de 20 de minute; înregistrările mai lungi aparțin unei pagini dedicate sau au nevoie de segmentare editorială.
• Afișează durata înainte de redare. Folosește M:SS pentru textul vizibil și ISO 8601, cum ar fi PT1M30S, în câmpuri structurate.
• Alege un cadru fix care reprezintă subiectul la dimensiunea normală de afișare. Evită cadrele goale, indicatoarele de încărcare, expresiile accidentale, butoanele de play înșelătoare, textul mic al interfeței și informațiile personale sau ale clienților neaprobate.
• Revizuiește subtitrările față de versiunea finală. Corectează nume, etichete de produs, numere, terminologia domeniului, punctuația, schimbările de vorbitor și sunetele semnificative.
• Transcrie tot discursul semnificativ și toate elementele vizuale. Rezumatele, titlurile capitolelor și fișierele de subtitrări generate automat nu înlocuiesc transcrierea.
• Folosește paragrafe scurte în transcriere, etichete pentru vorbitori acolo unde este necesar și intervale de timp în jurul etapelor procedurale sau al schimbărilor de subiect. Nu fabrica citate din discurs parafrazat.
• Menționează editările care ar putea schimba interpretarea. Nu decupa o mărturie, un experiment sau o demonstrație astfel încât succesiunea să sugereze un rezultat nesuștinut.
• Păstrează instrucțiunile esențiale, prețurile, avertismentele, condițiile de eligibilitate, dovezile și apelurile la acțiune în afara înregistrării. Un cititor nu trebuie să deruleze o cronologie pentru a găsi un fapt important.
• Nu plasa niciodată redare automată, conținut intermitent, fundal audio, suprapuneri de conversie, câmpuri de transcriere cu acces restricționat sau un al doilea player în interiorul elementului.
• Înregistrează proprietarul media și declanșatorul de revizuire. Reverifică videoclipul atunci când interfața, politica, comportamentul produsului, atribuirea vorbitorului sau afirmația înconjurătoare se schimbă.

Tipuri de postări care îl folosesc

Matricea postTypes din frontmatter conduce această matrice. Includerea permite video inline atunci când dovezile bazate pe timp adaugă semnificație; nu impune un player pe fiecare pagină.

Listă de verificare QA

• Videoclipul adaugă semnificație bazată pe timp pe care o imagine statică și o proză concisă nu o pot comunica la fel de bine.
• Titlul vizibil denumește înregistrarea specific, iar rezumatul explică valoarea sa înainte de redare.
• Durata apare înainte ca cititorul să activeze playerul.
• Cadrul fix este reprezentativ, lizibil, aprobat și fără conținut privat sau înșelător.
• Redarea nu începe niciodată automat, nu se repetă neașteptat și nu produce sunet fără o acțiune a cititorului.
• Controalele play, pauză, căutare, volum, viteză, subtitrări și ecran complet funcționează cu tastatura și touch.
• Subtitrările corespund versiunii finale și păstrează corect nume, numere, schimbări de vorbitor și sunete semnificative.
• Elementele vizuale semnificative netransmise prin vorbire primesc descriere audio sau o versiune alternativă echivalentă.
• Transcrierea completă este HTML selectabil, urmează ordinea înregistrării și descrie acțiunile vizuale necesare.
• Instrucțiunile scrise, avertismentele, condițiile, dovezile și apelurile la acțiune rămân disponibile în afara videoclipului.
• Încărcarea furnizorului extern respectă regulile de consimțământ aplicabile, iar furnizorul este identificat înainte de activare.
• Playerul, eticheta și transcrierea rămân o singură figure semantică și nu sunt întrerupte de conținut fără legătură.
• Elementul nu este imbricat în interiorul unui tabel, listă, callout, filă, carusel, panou de acordeon sau container pe care se poate face clic.
• Înregistrarea și transcrierea funcționează la 200% zoom, lățimi înguste, mișcare redusă și fără semnificație doar prin JavaScript.
• Orice câmpuri VideoObject corespund metadatelor media vizibile, verificabile și înregistrării accesibile.
• Tipul de postare selectat apare în postTypes, iar plasarea corespunde matricei de mai sus.
• Proprietarul media, drepturile, data înregistrării și condițiile de revizuire sau înlocuire sunt înregistrate.

FAQ

Are nevoie fiecare video inline de o transcriere?

Da. Subtitrările servesc redarea sincronizată; transcrierea servește lectura, scanarea, căutarea, traducerea, citarea, accesibilitatea și extragerea. Aceasta trebuie să conțină conținutul semnificativ complet, inclusiv acțiunile vizuale pe care vorbirea nu le explică.

Poate cadrul fix să conțină titlul videoclipului?

Da, dar aceleași informații de identificare trebuie să apară și în text HTML. Textul din cadrul fix poate fi ilizibil pe un ecran mic, indisponibil atunci când imaginile nu se încarcă și inaccesibil pentru software-ul care nu interpretează pixelii.

Ar trebui ca un video inline să se redea automat?

Nu. Redarea automată consumă date, întrerupe lectura, introduce mișcare sau sunet nesolicitat și elimină alegerea cititorului cu privire la momentul implicării. Pornește doar după o activare explicită.

Sunt subtitrările și transcrierea același lucru?

Nu. Subtitrările sunt sincronizate cu redarea și includ indicii sonore relevante. O transcriere este o alternativă de lectură durabilă, organizată în succesiunea înregistrării și îmbogățită cu descrieri necesare ale elementelor vizuale semnificative.

Are nevoie un video inline de schema VideoObject?

Nu. Adaugă VideoObject doar atunci când metadatele vizibile corecte și o înregistrare stabilă îl susțin. Un player fără un nume, o descriere, un cadru fix, o dată de încărcare, o durată și un URL media de încredere nu ar trebui să genereze markup incomplet sau inventat.