Topic: Problema con HTML5 tag <video>

[aka]

Salve a tutti, dopo estenuanti ricerche, siete la mia ultima speranza.

Ho costruito una start page per un sito internet nel quale viene visualizzato un video intro (10sec) in autoplay, skippabile ecc....

Per fare ciò ho usato html5 con il seguente codice:

Codice: [Seleziona]

        <video autoplay="autoplay" width="1280" height="720">
       <source src="video_intro.mp4" type="video/mp4" />
       <source src="video_intro.webm" type="video/webm" />
       <source src="video_intro.ogv" type="video/ogg" />
</video>

Il video in questione è stato realizzato in afterEffect cs5 salvato in .mov e poi convertito nei vari formati;
-> un normale convertitore per il .mp4
-> FreeWebMVideoConverter per il .webm
-> ffmpeg2theora per il .ogv

il risulato è ottimo ovunque tranne che su Firefox il quale mi visualizza questo:

http://img207.imageshack.us/img207/4188/screency.jpg

..Io credo che sia un problema relativo alla conversione in .ogv, è l'unica cosa che mi dà a pensare; se qualcuno conosce le specifiche di conversione mp4 -> ogv, forse risolvo.
Grazie a tutti !

[gialloporpora]

Se apri quel video con un lettore multimediale, che informazioni ti dà relativamente ai codec audio/video?
Se usi questo:
http://www.mplayerhq.hu/design7/dload.html
copia le info  che ottieni cliccando CTRL+I


Se usi ffmpeg per la conversione è una cosa simile:

Codice: [Seleziona]

ffmpeg -i input.mp4 -acodec libvorbis -vcodec libvpx output.webm

anche io avevo avuto problemi usando un codec sbagliato per lo stream audio.
Ciao

[aka]

ti allego direttamente lo screen di VLC

http://img37.imageshack.us/img37/5636/creen2.jpg

va bene ?..altrimenti uso il tuo link

per la conversione ho usato ffmpeg2theora, invece di ffmpeg, potrebbe essere questo il problema ?

Grazie !

[gialloporpora]

Sembra giusto
Non è che puoi mandarmi un pezzettino di quel file (da 10/20 secondi) che provo a vedere direttamente?

Se  non è possibile, prova ad aprire il file webm direttamente, digita:

Codice: [Seleziona]

file:///c:/

nella barra degli indirizzi e naviga fino a trovare il file (metti la lettera in cui risiede il file se non è in C:), così riesci a vederlo?
Giusto per capire se il problema è del codice HTML o del file.

[aka]

si, come hai detto te funziona; firefox riproduce il video.

Problema di codice ?..
grazie..

[gialloporpora]

Strano, io ho appena provato quel codice in locale e mi funziona.

Allora, mi viene in mente un'altra cosa,
il server su cui hai fatto le prove ha il giusto content type per quei file?
In locale dovrebbe funzionare sempre, però su un server è possibile che sia questo il problema, ora non ho fatto dei test, ma con le vecchei versioni di FF  questo era uno dei problemi.

[Sokak]

Moooolto più trivialmente, hai fatto caso a maiuscole e minuscole, se l'host è linux?

[aka]

guarda, l'host è su Aruba, non sò quale sia il content type..ad ogni modo ora butto il video su un'altro server e provo.

@sokak sisi, ho ricontrollato tutto...

[gialloporpora]

Per tagliare la testa al toro, se metti il tutto su una cartella locale ti funziona? (fai a meno di  usare percorsi, tutti i file in una cartella).
Te lo dico perché io ho provato il tuo codice e a me funziona (non avevo mai usato il multi source e quindi non ero sicuro di quella parte ma sembra tutto corretto).

Per vedere il  Content-Type:
http://web-sniffer.net/?url=file&submit=Submit&http=1.1&gzip=yes&type=GET&uak=0

dagli il link del file, sempre sia quello il problema (deve essere video/webM, credo).
Ciao

[aka]

allora in locale funziona, nessun problema..

lo sniffer come tipologia di content-type mi dà: text/plain

....

[gialloporpora]

Allora ti confermo che è il Content-Type che blocca Firefox.

Ho fatto una prova sul mio sito ed effettivamente bisogna che il file abbia il content-type corretto.
http://www.gialloporpora.netsons.org/video/

(prima di modificare il Content Type via .htaccess non funzionava)

Ora, hai due possibilità: o chiedi a quelli di aruba che configurino correttamente i server aprendo una richiesta di supporto (probabilmente questo tornerà utile anche a tutti gli altri), oppure devi fare tu l'associazione.

Purtroppo questo dipende dal tipo di server che stai usando e dai tipi di permessi che hai. Su Apache, se puoi usare il .htaccess (credo di si), metti queste due righe nel file:

Codice: [Seleziona]

AddType video/webm .webm
AddType video/ogg .ogv

Edit: avevo messo .ogg al posto di punto ogv, comunque al limite rinomina il file.

[aka]

Favoloso !!! it workssss !!!!!
Ho creato un file .htaccess nella root del dominio, ho aggiunto le due righe che mi hai suggerito, e ora và alla grande !!
Veramente grazie !!

[gialloporpora]

Perfetto
Prego!
Ciao