Liigu sisu juurde

Kerge vaade: lehed avanevad kiiresti ja ilma 3D-graafikata. Näitame kerget vaadet, sest 3D-graafika oleks selles seadmes aeglane. Sisu on sama.

Lülita 3D sisse

Valmistan graafikat ette. Esimesel külastusel võib see veidi aega võtta.

Henry Lõiv

Veebidisain ja arendus

Kiirvastus

Miks video iPhone’is automaatselt ei käivitu?

Arendus 1 min lugemist

Autoplay on brauseri lubatud käitumine, mitte kindel lubadus. Vaigistatud video või helirajata video saab tavaliselt lihtsamini automaatselt käivituda kui heliga video. iPhone’i lehesisese video jaoks on oluline ka playsinline. 12

Alusta lihtsast märgendusest

<video autoplay muted playsinline controls preload="metadata"
       poster="/media/preview.jpg">
  <source src="/media/demo.mp4" type="video/mp4">
</video>

Asenda näidisfailid enda omadega. controls jätab inimesele võimaluse esitus ise käivitada. Dekoratiivse taustavideo ja sisulise videoklipi juhtnupud vajavad erinevat kujundusotsust.

Kui käivitad video JavaScriptiga, käsitle video.play() tagastatud lubaduse ebaõnnestumist ja kuva nähtav esitusnupp. Ära peida kogu kasutajaliidest eeldusel, et mängimine kindlasti algab. 1

Kontrolli ka muud kui autoplay

Kui käsitsi vajutamine samuti ei aita, kontrolli faili laadimist ja toetatud kodeeringut. Puuduv meediafail ei muutu töötavaks ainult muted atribuudi lisamisega.

Testi päris iPhone’is ning erineva brauseri- ja seadmekonfiguratsiooniga. Kasutaja eelistused ja energiasääst võivad käitumist mõjutada, seega hoia alati alternatiivne tegevus olemas.

Oluline info ei tohiks sõltuda üksnes automaatselt käivituvast videost. Vajaduse korral lisa tekstiline selgitus ja sisulisele videole sobivad subtiitrid.

Seotud lugemine

Veebilehtede arendus

Allikad

  1. MDN: autoplay restrictions and fallbacks
  2. WebKit: inline video and autoplay policies

Faktid kontrollitud:

Räägime sinu projektist

Kirjelda oma projekti

Räägi, mida soovid luua või paremaks teha. Valmis lähteülesannet pole vaja — täpsustame töömahu ja järgmised sammud koos.

01 Millega saan aidata?
02 Mitu lehte on vaja?
03 Milliseid lisasid veebileht vajab? Vali kõik sobivad
04 Millal peab töö valmis olema?
05 Projekti üksikasjad
06 Sinu kontaktandmed

Päring on vastu võetud

Aitäh!

Päring on vastu võetud. Vastan e-posti teel tavaliselt 2 tööpäeva jooksul.