Velocizzare caricamento video

[Roby140569]

In un sito ho messo un video della durata di 55 secondi che parte automaticamente.
Ho due file: il .webm pesa 1,7MB, mentre il file .mp4 pesa 8MB.
Da PC o iPhone collegato alla fibra ottica non ci sono rallentamenti nel caricamento della pagina ed il video parte immediatamente.
Da iPhone forzando la connessione a 3G, per qualche secondo resta un riquadro bianco prima che il video parta.
Ho tolto la traccia audio dai due file. Cos'altro posso fare per ottimizzare il video?
Il video occupa una larghezza di 1600 pixel.

<video width="100%" playsinline  autoplay loop muted>
    <source src="video.webm" type="video/webm">
    <source src="video.mp4" type="video/mp4">
</video>

[ninja72]

Ciao, potresti vedere anche gli attributi video "playsinline preload" oltre al fatto di gestire da CSS una classe che ti permetta di inserire un'immagine di sfondo finche il video non è caricato (background-image), ed eventualmente il responsive del video stesso.
Inoltre potresti vedere di ottimizzare il da .htaccess il discorso caching.

[ac_socmel]

una connessione 3g permette una velocità di 3-500 kbps
devi servire un altro video molto meno "definito"

[Roby140569]

Ciao, potresti vedere anche gli attributi video "playsinline preload" oltre al fatto di gestire da CSS una classe che ti permetta di inserire un'immagine di sfondo finche il video non è caricato (background-image), ed eventualmente il responsive del video stesso.
Inoltre potresti vedere di ottimizzare il da .htaccess il discorso caching.

OK, grazie, metterò un'immagine finché il video non sarà caricato.
Il sito è su server Windows, non c'è .htaccess.

[Roby140569]

una connessione 3g permette una velocità di 3-500 kbps
devi servire un altro video molto meno "definito"

Come intercetto l'utenza con connessione lenta?

[ac_socmel]

credo serva javascript e anche un linguaggio server
ma di base bloccherei il video in caso di mobile device

[ninja72]

Potresti gestire la presenza o meno del video con un funzione php del tipo :

function mobile()
{
    $mobile_os_device = ['Android', 'iPad', 'iPod', 'iPhone', 'BlackBerry', 'Mobile'];
    $ua = $_SERVER['HTTP_USER_AGENT'];

    foreach ($mobile_os_device as $os) {
        $res = strpos($ua, $os) ? "#" : "video.webm";
    }
    return $res;
} 

mentre in html :

<video width="100%" playsinline autoplay loop muted>
<source src="<?= mobile() ?>" type="video/webm">
</video>

ovvimante il mio rimane un esempio, magari da implementare e migliorare.

[Roby140569]

credo serva javascript e anche un linguaggio server
ma di base bloccherei il video in caso di mobile device

In questo caso il video deve essere visto da tutti gli utenti, soprattutto da quelli con dispositivi mobili.
Il sito registra mediamente 60.000 utenti unici al mese e di questi oltre l'80% accedono da cellulare.

[ac_socmel]

beh se questa cosa ti da soldi vai su un cloud o cdn che permetta lo streaming o bradcasting via adaptive bitrate streaming
non è gratis

rsta il fatto che vuoi consumare banda che non sai se sia nella disponibilità dell'utente
e poi usare un video di 1600 quando tutti hanno il telefono in verticale e basterebbero 480 o 640

[Vincent.Zeno]

in alternativa puoi servire un video dimensionato in base alla risoluzione dell'utente.