Originariamente inviata da
Zucheccuu
pultroppo vorrei creare una lista hls in una solo pagina, tipo playlist, ora ti faccio vedere il mio progetto finale come dovrebbe uscire..
Ok ma non mi riferivo alla lista dei titoli, mi riferivo ai tag video...
In pratica questo
codice:
for(let i = 0; i < allVideos.length; i++){
let liTag = `<li li-index="${i + 1}">
<div class="row">
<span>${i + 1}. ${allVideos[i].name}</span>
</div>
<video class="${allVideos[i].id}" src="${allVideos[i].src}.mp4" style="display: none;" title="${allVideos[i].name}"></video>
<span id="${allVideos[i].id}" class="duration"></span>
</li>`;
playlist.insertAdjacentHTML('beforeend',liTag);
il tag video, secondo me, è inutile che venga ripetuto per tutti i titoli. Te ne basta uno (quello "centrale" nello screenshot che hai allegato) e poi dinamicamente cambi la src e gli altri parametri.
Avrai quindi la tua lista nel ciclo ma SENZA il tag video
codice:
for(let i = 0; i < allVideos.length; i++){
let liTag = `<li li-index="${i + 1}">
<div class="row">
<span>${i + 1}. ${allVideos[i].name}</span>
</div>
<span id="${allVideos[i].id}" class="duration"></span>
</li>`;
playlist.insertAdjacentHTML('beforeend',liTag);
Detto questo, resta il problema principale del file mp4 o m3u8...
Tenuto comunque conto che m3u8 è una playlist e non un file multimediale, non cambia molto, devi rendere tu la src del video adeguata, come spiegato