ugrás a tartalomhoz

html5 video tag

alkony4 · 2016. Júl. 16. (Szo), 09.53
Szervusztok!

Elnézést nem tudtam ezzel a témakörrel melyik részbe is írjak, ha netán eltévesztettem azért szíves elnézéseteket kérek.

Egy egyszerű kis videólejátszó oldal van készülőbe a szokványos kis html5ös video tag használatával:
<video id="test" width="720" height="405" controls autoplay>
<source src="supernat.mp4" type="video/mp4">
</video>
Kis fileokkal tökéletesen működik, ellenben nagyobb filmek betöltésénél már van egy kis probléma, mégpedig a várakozási idő.

Szeretném valahogy megoldani, hogy az oldal ne töltse előre a filet, hanem azonnal kezdje el játszani és lejátszás közben buffereljen. Ebben szeretném kérni szíves segítségetek, miként is kezdhetnék neki.

Egy mellék információ még, hogy az oldal betöltésekor azonnal átállítom a videó kezdésének helyét az alábbi módon:
var vid = document.getElementById("test");
vid.currentTime=600;
Megtisztelő válaszotok előre is köszönöm!
 
1

ux

Pepita · 2016. Júl. 16. (Szo), 11.29
Az "kényelmes", hogy nem kell kattintani a lejátszáshoz, de gondolj arra is, hogy ha én vetődök az oldaladra, jellemzően vonaton ülve, mobilról, akkor az automatikusan indított nagy videó miatt máris buktál egy látogatót...
Emiatt én elsőre azt javaslom, hogy 2-3 percnél hosszabb videóra ne tegyél autoplay attribútumot.

Ha működik ez a fajta "kezdési idő" megadás, akkor a böngésző buffereli a tartalmat 0-600 -ig, majd amennyit "gondol" 600 után, és ha ez mind kész, akkor indulhat a lejátszás.
Bár most hirtelen nem tudom, hogy böngésző tud-e ilyet, vagy stream et kell fejleszteni hozzá.
Ha az elején mindig ki akarod hagyni azt az időt, és nem is kell megmutatni, akkor azt célszerűbb levágni róla backend oldalon.

Remélem valaki "frontend guru" is hozzá szól, hogy kicsit bővüljön az én látóköröm is - videóval elég régóta nem volt dolgom... :)
2

Fragmented

vbence · 2016. Júl. 16. (Szo), 13.48
Kódold újra fragmentált (DASH néven is futhat az encoderedben) vidóként, azok használatosak streamelésre.