2012-09-20 16 views
16

Qual è il modo corretto di aggiungere un file .mov a una pagina Web?Come incorporare un file .mov in HTML?

Sto solo aggiungendo questa funzionalità a un file esistente, quindi non posso convertirlo in HTML5. Il file si trova sullo stesso server con dimensioni di 1G.

Anche il client non desidera utilizzare YouTube o Vimeo come nella home page.

+8

dal modo .. HTML5 non è un formato di file multimediale e non è possibile convertire qualsiasi file in HTML5. HTML5 è una specifica di HTML, definisce gli standard da utilizzare per rendere le pagine compatibili per tutti i browser. – haynar

risposta

29

avuto problemi usando il codice nella risposta fornita da @haynar sopra (non avrebbe giocato su Chrome), e sembra che uno dei modi più moderni per garantire che essa svolge è quello di utilizzare il video tag

Esempio:

<video controls="controls" width="800" height="600" 
     name="Video Name" src="http://www.myserver.com/myvideo.mov"></video> 

Questo ha funzionato come un campione per il mio file .mov (generato da Keynote) sia in Safari e Chrome, ed è elencato come supportato nella maggior parte dei browser moderni (Il tag video è supportato in Internet Explorer 9+, Firefox, Opera, Chrome e Safari)

. Nota: lavorerà in IE/etc .. se si utilizza MP4 (Mov non è ufficialmente supportato da quei ragazzi)

+0

sorprendentemente semplice. Sono scioccato che questo ha funzionato. Grazie! – Sam

+0

Questo funziona solo per Safari, in realtà –

6
<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"> 
    <param name="src" value="sample.mov"> 
    <param name="qtsrc" value="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov"> 
    <param name="autoplay" value="true"> 
    <param name="loop" value="false"> 
    <param name="controller" value="true"> 
    <embed src="sample.mov" qtsrc="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov" width="320" height="256" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed> 
</object> 

source è il primo search result del Google

+2

pensa che potresti essere interessato a leggere [this] (http://meta.stackexchange.com/questions/15650/ban -lmgtfy-let-me-google-che-per-te-link). – Polyov

2

Beh, se non si vuole fare il lavoro da soli (object elementi non sono poi così difficile), si può sempre utilizzare Mike Alsup del plugin di media: http://jquery.malsup.com/media/

Problemi correlati